* {
   box-sizing: border-box;
     box-decoration-break: clone;
   
  }

.hoverimg {
    
   /* border: 1px solid red;*/
}

.hoverimg img {
	float: right !important;
	margin: 0 auto !important;
    /*filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  	-webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
}

.hoverimg img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

@font-face {

      font-family: "McBoo";
      src: url("fonts/McBoo.ttf") format("truetype");

      }

.McBoo-font{
    font-family: "McBoo";  
       } 

  .cards {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    padding-bottom: 50px;
  }
  .card {
    width: 400px;
    margin: 10px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
      background-color: #d3d7cfff;
  } 
 .card2 {
    width: 400px;
    margin: 50px;
     padding: 20px;
   
  } 
.card3 {
    width: 500px;   
  } 

  .card img {
    max-width: 100%;
     
  }
  .card .text {
    padding: 0 20px 20px;
  }
  .card .text > button {
    background: gray;
    border: 0;
    color: white;
    padding: 10px;
    width: 100%;
    }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

h5 {
    page-break-after: avoid;
    text-decoration: underline;
}

a {
  color: #584f30;
     font-size: 100%;
  text-decoration: none;

}

a:hover,
a:focus {
  color: rgb(155, 126, 27);
  text-decoration: none;
}
  

 /*! .card:nth-child(1) {
    width: 420px;
  }*/

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group .card {
        flex: 1 0 0%; }
        .card-group .card + .card {
          margin-bottom: 0;
          margin-left: 0;
          border-left: 0; }
        .card-group .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group .card:first-child .card-img-top {
            border-top-right-radius: 0; }
          .card-group .card:first-child .card-img-bottom {
            border-bottom-right-radius: 0; }
        .card-group .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group .card:last-child .card-img-top {
            border-top-left-radius: 0; }
          .card-group .card:last-child .card-img-bottom {
            border-bottom-left-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) {
          border-radius: 0; }
          .card-group .card:not(:first-child):not(:last-child) .card-img-top,
          .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
            border-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }