/* Sticky footer styles
-------------------------------------------------- */
/*fonts*/
html {
    position: relative;
    min-height: 100%;   
    overflow-x: hidden;
}
html.locked {
    overflow: hidden;
}
body {
    /* Margin bottom by footer height */
    font-family: 'agenda', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: white;
    overflow-x: hidden;
}
body.locked {
    overflow: hidden;
}
h1 {
    font-family: 'agenda', sans-serif;
    color: #FFF;
    font-size: 104.516px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    margin: 5% 0;
}
h2 {
    font-size: 32px;
    color: white;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 22px;
    text-transform: uppercase;
    margin: 5% 0;
}
h3 {
    color: #EBC86C;
    font-size: 75px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 5% 0;
}
h4 {
    color: #EBC86C;
    font-family: 'agenda', sans-serif;
    font-size: 45.071px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}
h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #EBE7E2;
}
a:link {
    color: #EBE7E2;
    text-decoration: none;
}

a:visited {
    color: #B9C58C;
    text-decoration: none;
}

a:hover {
    color: #B9C58C;
    text-decoration: none;
}

a:active {
    color: #B9C58C;
    text-decoration: none;
}
p {
    color: #FFF;
    font-family: 'agenda', sans-serif;
    color: #FFF;
    font-size: 25.104px;
    font-style: normal;
    font-weight: 500;
    line-height: 92%; /* 23.096px */
    text-transform: uppercase;
}
img {
    width: 100%;
}
hr {
    border: 3px solid #8E9F74;
    width: 182px;
    margin-bottom: 32px;
}
.disappear {
    display: none;
}
.mobile-show {
    display: none;
}
.mobile-hide {
    display: block;
}
.flex {
    display: flex;
}
/*a:hover button.yellowdog {
    background-color: #f9f4a5;
    border: 1px solid #f9f4a5;
}*/
header {
    background-image: url("../img/can-bg3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
body header.container {
  padding-top: 4%;
  text-align: center;
}
header .col-lg-12 {
  padding-right: 0;
  padding-left: 0;
}
header .promo {
  padding-left: 0;
}
button {
    background-color: #EBC86C;
    border-radius: 9999px;
    font-family: 'agenda', sans-serif;
    padding: 10px 25px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #EBC86C;
    color: #14463D;
    font-size: 33.357px;
    font-style: normal;
    font-weight: 700;
    line-height: 92%; /* 30.688px */
    text-transform: uppercase;
}
button:hover {
    background-color: transparent;
    border: 1px solid white;
    color: white;
}
header .hero {
  display: flex;
  align-items: center;
  justify-content: center;
}
header img.logo {
  max-width: 300px;
}
header img.logo:hover {
    cursor: pointer;
}
.row.heading {
    text-align: center;
}
body .container {
    padding: 5% 10%;
    background-color: #F1F1F1;  
}
.reviews {
  column-gap: 10px;
}
.reviews .product {
  background-image: url("../img/can-store.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #EBC86C;
}
.reviews .word {
  padding: 3%;
  background: #14463D;
  border: 2px solid #EBC86C;
}
.reviews .word p {
  text-align: left;
}
.reviews .word p span {
    color: #EBC86C;
    font-weight: 700;
}
footer {
    width: 100%;
    /* Set the fixed height of the footer here */
    text-align: center;
    background-color: #128280;
    color: black;
    padding: 3% 10%;
    font-weight: 700;
}
footer.col-lg-12 {
    align-items: center;
    padding: 3% 10%;
}
footer a {
    color: #262626;
    font-weight: 700;
    text-decoration: underline;
}
footer a:hover {
    color: white;
    text-decoration: none;
}
footer img {
    max-width: 320px;
}
footer .logo {
    text-align: left;
    cursor: pointer;
}
footer .butt {
    text-align: right;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 50%;
}
footer button {
    max-width: 50%;
}

/*full screen*/
@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

/*tablet*/
@media (min-width: 992px) {
    .container {
        width: 100%;
    }

}

@media (max-width: 1450px) {
    .container.butts button {
        font-size: 12px;
    }
}

@media (max-width: 1250px) {
    h1 {
      font-size: 50px;
      line-height: 50px;
    }
}

@media (max-width: 1100px) {
    
}

@media (max-width: 992px) {
    body {
        margin-bottom: 0;
    }
    body .container {
        padding: 5%;
        width: 100%;
    }
    .mobile-show {
        display: block;
    }
    .mobile-hide {
        display: none;
    }
    .flex {
        display: block;
    }
    h3 {
        font-size: 50px;
    }
    .reviews .product {
        display: none;
    }
    footer .logo {
        text-align: center;
    }
    footer .butt {
        width: 100%;
    }
    footer button {
        max-width: 100%;
    }
}

/*phone*/
@media screen and (max-width: 350px) {
    
}