body {font-family: 'Lato', sans-serif; font-size:18px;}
    .logo {width:187px;}
    @media (max-width: 575px) {
      .logo {width:130px;}
    }
    .navbar.scrolling-navbar {padding-top: 4px; padding-bottom: 4px;}
    .nav-item {font-size: 18px;}
    .navbar.navbar-light .navbar-nav .nav-item .nav-link {color: #40383C;}
    .navbar-expand-xl .navbar-nav .nav-link {padding-right: .5rem; padding-left: 1.9rem;}
    .form-control {border:1px solid #40383C;}
    .pt-125 {padding-top:200px; padding-bottom:100px;}
    @media (max-width: 575px) {
      .pt-125 {padding-top:120px;}
    }
    .pt-100 {
        padding-top:100px;
        padding-bottom:100px;
    }
    @media (max-width: 575px) {
        .pt-100 {
            padding-top:50px;
            padding-bottom:50px;
        }
    }
    .pt-50 {padding-top:35px;}
    .pl-15 {padding-left:38px;}
    @media (max-width: 767px) {
      .pl-15 {padding-left:100px;}
    }
    @media (max-width: 550px) {
      .pl-15 {padding-left:70px;}
    }
    @media (max-width: 400px) {
      .pl-15 {padding-left:48px;}
    }
    .mb-16 {margin-bottom:16px;}
    .fs-36 {font-size:36px;}
    .fs-14 {font-size:14px;}
    .h2, h2 {font-size:40px; color:#40383C; font-weight:700; padding-bottom:20px;}
    @media (max-width: 470px) {.h2, h2 {font-size:35px;}}
    .h3, h3 {font-size:30px; color:#40383C; font-weight:400; padding-bottom:20px;}
    @media (max-width: 470px) {.h3, h3 {font-size: 26px;}}
    .underline {border-bottom: solid 4px #66A1B8; margin-bottom:40px;}
    .light {font-weight:300;}
    .reg {font-weight:400;}
    .bold {font-weight:700;}
    .bottle {background: url("img/bootle.png") no-repeat center center; background-size:contain; height:980px;}
    @media (max-width: 440px) {
      .bottle {height:880px;}
    }
    @media (max-width: 400px) {
      .bottle {height:800px;}
    }
    @media (max-width: 350px) {
      .bottle {height:720px;}
    }
    .engraving {color: rgba(255,255,255,.5); font-size:40px; text-align:center; padding-top:385px; font-family: 'Great Vibes', cursive;}
    @media (max-width: 440px) {
      .engraving {padding-top:355px;}
    }
    @media (max-width: 400px) {
      .engraving {padding-top:315px;}
    }
    @media (max-width: 350px) {
      .engraving {padding-top:280px; font-size:32px;}
    }
    .form-control {height:60px; font-size:18px; font-weight:200;}
    .form-control::-moz-placeholder {
      color: rgba(64,56,60,.4);
      font-size:18px;
      font-weight:300;
    }
    .form-control:-ms-input-placeholder {
      color: rgba(64,56,60,.4);
      font-size:18px;
      font-weight:300;
    }
    .form-control::-webkit-input-placeholder {
      color: rgba(64,56,60,.4);
      font-size:18px;
      font-weight:300;
    }
    .custom-select {border:1px solid #40383C; height:60px; font-size:18px; font-weight:200; color: rgba(64,56,60,.9);}
    .btn-outline-default {
    border: 1px solid #66A1B8!important;
    background-color: transparent!important;
    color: #66A1B8!important;
    }
    .btn-outline-default:hover, .btn-outline-default:active, .btn-outline-default:focus {
    border: 1px solid #66A1B8!important;
    background-color: rgba(102,161,184,0.1)!important;
    color: #66A1B8!important;
    }
    .btn {
      font-size:18px; box-shadow:none; font-weight:200; height:60px; margin: 16px 0px 0px; width:100%;
    }
    .foot {color:#D8D8D8; background:#40383C}
    .foot .form-control {background-color:transparent; border: 1px solid #979797; width:471px; margin-right:5px; display:inline;}
    @media (max-width: 1199px) {
      .foot .form-control {width:375px}
    }
    @media (max-width: 991px) {
      .foot .form-control {width:261px}
    }
    @media (max-width: 767px) {
      .foot .form-control {width:87%}
    }
    @media (max-width: 540px) {
      .foot .form-control {width:80%}
    }
    @media (max-width: 365px) {
      .foot .form-control {width:75%}
    }
    .foot .form-control::-moz-placeholder {
      color: rgba(216,216,216,.4);
      font-size:18px;
      font-weight:300;
    }
    .foot .form-control:-ms-input-placeholder {
      color: rgba(216,216,216,.4);
      font-size:18px;
      font-weight:300;
    }
    .foot .form-control::-webkit-input-placeholder {
      color: rgba(216,216,216,.4);
      font-size:18px;
      font-weight:300;
    }
    .email-btn {display:inline-block; border: 1px solid #979797; height:60px; width:60px; border-radius: .25rem; padding:15px 25px; cursor:pointer; vertical-align: top;}
    .email-btn:hover {background:rgba(255,255,255,0.1)}
    .foot-logo {width:135px;}
    @media (max-width: 767px) {
      .foot-logo {margin-left:auto; margin-right:auto; display:block;
      }}
    .foot-border {border: .5px solid #66A1B8!important; margin-top:30px;}
    footer a {color:#D8D8D8;}
    footer a:hover {color:#ffffff;}
    .sub {background:#494145; color:#D8D8D8;}
    .sub a {color:#D8D8D8;}
    .sub a:hover {color:#fff;}
    .privacy {text-align:right;}
    @media (max-width: 991px) {
      .privacy {text-align:center;}
    }
    @media (max-width: 991px) {
      .copyright {text-align:center;}
    }
    @media (max-width: 767px) {
      .social {text-align:center;}
    }
    @media (max-width: 767px) {
      .email {text-align:center;}
    }
    .form-control:focus, select.browser-default:focus {
        border-color: #66A1B8;
        box-shadow: 0 0 0 0.2rem rgba(102, 161, 184, 0.25);
    } 

    /*  this is homepage */

    .light-blue-bg {background:#ECF4F6;}
    .shadow {box-shadow: 3px 10px 25px 3px rgba(49,103,161,.01), 3px 10px 25px 3px rgba(49,103,161,.12);}
    .recipes {height:396px; width:302px; background-size: cover; background-position: center; display: flex;}
    .recipes p {line-height:1.3}
    .collection {height:396px; width:302px; background-size: cover; background-position: center; display: flex;}
    @media (max-width: 991px) {.collection {height:396px; width:302px;}}
    .underline-center {border-bottom: solid 4px #66A1B8; max-width:445px; margin-bottom:40px; margin-left:auto; margin-right:auto;}
    body {color:#40383C}

    /* Required for full background image */

    html,
    body,
    header,
    .view {
        height: 100%;
    }

    @media (max-width: 740px) {
        html,
        body,
        header,
        .view {
            height: 100vh;
        }
    }

    .top-nav-collapse {
        background-color: #ffffff !important;
    }

    .navbar:not(.top-nav-collapse) {
        background: rgba(255,255,255,0.5) !important;
    }

    @media (max-width: 991px) {
        .navbar:not(.top-nav-collapse) {
            background: rgba(255,255,255,0.5) !important;
        }
    }

    /*.rgba-gradient {
        background: -moz-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
        background: -webkit-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
        background: linear-gradient(to 45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
    }*/

    .rgba-gradient {
        background: -moz-linear-gradient(45deg, rgba(33, 34, 34, 0.6), rgba(102, 161, 185, 0.69) 100%);
        background: -webkit-linear-gradient(45deg, rgba(33, 34, 34, 0.6), rgba(102, 161, 185, 0.69) 100%);
        background: linear-gradient(to 45deg, rgba(33, 34, 34, 0.6), rgba(102, 161, 185, 0.69) 100%);
    }

    .btn-white-outline-default {
        border: 1px solid #ffffff!important;
        background-color: transparent!important;
        color: #ffffff!important;
        max-width:450px;
    }
    .btn-white-outline-default:hover, .btn-white-outline-default:active, .btn-white-outline-default:focus {
        border: 1px solid #ffffff!important;
        background-color: rgba(255,255,255,0.1)!important;
        color: #ffffff!important;
    }
      .blue-green {color:#66A1B8}
      .fl {float:left}
    @media (max-width: 1199px) {.fl {float:right}}
    @media (max-width: 767px) {.fl {float:none; margin-left:auto; margin-right:auto}}

    .fr {float:right}
    @media (max-width: 1199px) {.fr {float:left}}

    @media (max-width: 767px) {.display-3 {font-size:3.5rem}}
    @media (max-width: 575px) {.display-3 {font-size:3rem}}
    @media (max-width: 470px) {.display-3 {font-size:2.5rem}}