@font-face {
    font-family: britannicbold;
    src: url("../fonts/britannic_bold.ttf");
    font-display:swap;
  }

@font-face {
    font-family: Crimson Text;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/CrimsonText-Regular.woff2') format('woff2'),
         url('../fonts/CrimsonText-Regular.ttf') format('truetype');
    font-display:swap;
}
@font-face {
    font-family: Crimson Text Bold;
    font-style: Bold;
    font-weight: normal;
    src: url('../fonts/CrimsonText-Bold.ttf') format('truetype');
    font-display:swap;
}
@font-face {
    font-family: Crimson Text Bold;
    font-style: BoldItalic;
    font-weight: normal;
    src: url('../fonts/CrimsonText-BoldItalic.ttf') format('truetype');
    font-display:swap;
}

@font-face {
    font-family: Tenor Sans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/TenorSans.woff2') format('woff2'),
         url('../fonts/TenorSans-Regular.ttf') format('truetype');
    font-display:swap;
}
@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: medium;
    src: url('../fonts/Overpass/Overpass-Regular.ttf') format('truetype');

}
@font-face {
    font-family: Overpass Bold;
    font-style: bold;
    font-weight: bold;
    src: url('../fonts/Overpass/Overpass-Bold.ttf') format('truetype');

}
@font-face {
    font-family: Overpass Light;
    font-style: light;
    font-weight: light;
    src: url('../fonts/Overpass/Overpass-Light.ttf') format('truetype');

}


html, body, .container{
    padding:0;
    margin:0;
    font-family:"Tenor Sans";
}

body p{
    font-size: 17px;
}

.white{
    color:white;
}

@media only screen and (max-width: 890px) {
    .reverse-columns {
      flex-direction: column-reverse;
      display: flex!important;
    }

  }


footer{
    display: block;
    font-family: "Tenor Sans";
    color: black;
    font-size: 13px;
    background-image: url(../img/arches2.png);
    padding: 60px 0;
    bottom: -10px;

}
.mc-field-group{
    font-size: 13px;
}

footer li{
    padding:3px;
}

.products-footer{
}
.company-footer{

}
.socials-footer{

}
.prod-left, .prod-right{

}

.social-media-footer img:hover{
    opacity:0.75;
}

#mc_embed_signup_scroll p{
    font-family: "Tenor Sans";
    color:#333;
}

#mc_embed_signup_scroll{
    line-height:1.5;
}
#mc_embed_signup .button {
    background-color:black!important;
    font-family: "Tenor Sans";
}

#mc_embed_signup .button:hover {
    background-color:#363636!important;
}

#frontTitle a{
    text-decoration:none;
    color:#4a4a4a;
}
#fcChange a{
    text-decoration:none;
    color:#4a4a4a;
}

.bgColor{
    color: #white;
}


.navbar-link:not(.is-arrowless)::after{
    border-color:#4a4a4a!important;
}

.heroimg{
    margin-bottom:40px; 
}
.isCentered{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.container {
    position: relative;
    height: 100vh;
    width: 100vw;
}

.hero-body {
    padding:0px;
}

#hwayofrontsquare, #gooddayfrontsquare {
    /*background-image: url("img/HwayoSojuCanada.jpeg");
    background-size:cover;
    float: left;
    width: 50vw;
    height: 50vw;
    position: relative;*/
    padding: 0;
    line-height:0;
    cursor:pointer !important;
    background-color:white;
}

#hwayofrontsquare:hover, #gooddayfrontsquare:hover {
    opacity: 0.7;
    transition: opacity .3s;
    overflow:hidden;
}

#frontTitle{
    font-family: Crimson Text;
    font-variant:small-caps;
}

#fcChange{
    font-family: Crimson Text;
    font-variant:small-caps;
}

.container #orderinfofrontsquare {
    background-image: url(../img/orderinfo.jpg);
    float: left;
    width: 50vw;
    height: 40vw;
    position: relative;
}
.container #contactfrontsquare {
    background-image: url(../img/contact.jpg);
    float: left;
    width: 50vw;
    height: 40vw;
    position: relative;
}


footer a{color:#333!important;}
footer a:hover{text-decoration:underline;}
footer div{
    text-align: left;
}

footer h2{
    font-size:17px;
    text-transform:uppercase;
    font-weight:bold;
}
#mc_embed_signup h2{
    font-size:17px!important;
}
.email-signup{

}

.email-signup p {
    font-size:13px;
}
ul{
    list-style-type: none;
    display: inline;
    justify-content: center;
    padding: 10px ;
    margin:0;
    text-transform: uppercase;
}
li {
    margin: 0px;
    padding:10px;
}
footer li a{
    margin:0px;
}

li a {
    color: white;
    text-decoration: none;
    margin: 10px;
    cursor:pointer;
}
.social-media-footer img{
    max-width:30px
}
.social-media-footer{
    display: flex;
}
/*
.nav-footer li:not(:last-child)::after{
    content: "|";
    margin:0 20px;
}
.nav-footer{
    padding-bottom: 40px;
}*/

.navbar-burger{
top:0.5rem;
}

.button.is-info {
    background-color:black;
    color:white;
}

.button.is-info:hover{
    background-color:#222;
}
.navbar-brand img{
    height:100px;
    width:100px;
    max-height: 100px;}

.navbar {background:none;}

#aboutBackground{
    /*background-image:url(../img/TheMooseImportsCanadaAbout.jpg)!important; */
    /*background-image: url(../img/arches2.png);
    /*background-size:cover;*/
    /*height:100vh;*/
    background:#f9f9f9;
    font-family: Tenor Sans; /*overpass*/
    height:100%;
}

#contactBackground{
    /*background-image:url(../img/TheMooseImportsCanadaAbout.jpg)!important; */
    background-image: url(../img/arches2.png);
    /*background-size:cover;*/
    /*height:100vh;*/
    height:125vh;
}

#orderInfoBackground{
    /*background-image:url(../img/TheMooseImportsCanadaAbout.jpg)!important; */
    background-image: url(../img/arches2.png);
    /*background-size:cover;*/
    /*height:100vh;*/
    /*height:350vh;*/
    height:100%;
}

#orderinfoitemcolumn{
    padding-left: 200px;
    padding-right: 200px;
}

.aboutHeaderText h1{
    color:#333;
    margin-top:300px;
    margin-left:auto;
    margin-bottom:100px;
    display:block;
    text-align:center;

    font-family: 'Crimson Text';
    font-size:100px;
    line-height:40px;
    letter-spacing:5px;

}
.aboutHeaderText-ver2 h1{
    color:#333;
    margin-top:300px;
    margin-left:auto;
    display:float;


    font-family: 'Tenor Sans'; /*Overpass*/
    font-weight: bold;
    font-size:100px;
    letter-spacing:5px;

    text-decoration: underline 0.15em rgba(0, 0, 0, 0);
}
.about-overall{
    color:#000000;
    font-size:70px;

}
.contact-top-image{
    position: float;
    border: 2px solid #000000;
    border-radius:25px;
    filter: grayscale(100%);
    z-index:1;
}

.about-top-image{
    position: float;
    border: 2px solid #000000;
    border-radius:25px;
    filter: grayscale(100%);
    z-index:1;
}

.about-bottom-image{
    position: float;
        border: 2px solid #000000;
        border-radius:25px;
        filter: grayscale(100%);
        z-index:1;
}
.about-bottom-image-mobile{
    position: float;
    border: 2px solid #000000;
    border-radius:25px;
    filter: grayscale(100%);
    z-index:1;
}

.about-top-gif{
    position:absolute;
    top: 51%;
    left:37.5%;
    border: 2px solid #000000;
    border-radius:25px;
    width:15%;
    z-index:2;
}

.about-interested-phrase{
    margin-top:10%;

}
.about-top-section{
    margin-left:10%;
    width:80%;
    margin-top:200px;
    margin-bottom:200px;
}
.about-bottom-section{
    margin-left:10%;
    width:80%;
    margin-top:100px;
    padding-bottom:100px;
}
.locator-map-section{
    margin-left:10%;
        width:80%;
        margin-top:100px;
        padding-bottom:100px;
}

.about-contact-button{
    background-color:#f9f9f9;
    text-align:left;
    color:#000000;
    font-family: 'Tenor Sans';
    font-size:85%;
    padding:0;

}
.about-question{
    margin-left:70px;
    margin-top:50px;
}

.about-contact-button:hover{
    background-color: #000000;
    color: #f9f9f9;
}
.contact-email-button{
    background-color:#f9f9f9;
    border:none;
    text-align:left;
    color:#000000;
    font-family: 'Tenor Sans';

    padding:0;
}
.contact-email-button:hover{
    background-color: #000000;
    color: #f9f9f9;
}


.orderHeaderText h1{
    color:#333;
    margin-top:300px;
    margin-left:auto;
    margin-bottom:100px;
    display:block;
    text-align:center;

    font-family: 'Crimson Text';
    font-size:100px;
    line-height:40px;
    letter-spacing:5px;

}

.orderinfoHeaderText h1{
    color:#333;
    margin-top:225px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;

    font-family: 'Crimson Text';
    font-size:65px;
    line-height:70px;
    letter-spacing:27px;
    margin-right:-40px;
}
.orderinfoHeaderText h2{
    color:#333;
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;

    font-family: 'Crimson Text';
    font-size:20px;
    font-weight:bold;
}

#aboutText{
    font-size:15px;
    color:#333;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    padding:20px;
    background:white;
}
#orderInfoText{
    font-size:15px;
    color:#333;
    margin-top:180px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    padding:20px;
    z-index: 5;
    /*background:white;*/
}

.hwayoHeaderText h1{
    color:#333;
    margin-top:225px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:
    display:block;
    text-align:center;

    font-family: 'Crimson Text';
    font-size:65px;
    line-height:40px;
    letter-spacing:80px;
    margin-right:-80px;


}

#aboutText p{
    margin-bottom:10px;
}

.contactColumn p{
    text-align:center;
}

#aboutHwayoText {
    /*background: white;*/
    font-size: 15px;
    color:#333;
    margin-top:150px;
    margin-left:250px;
    margin-right:250px;
    padding:50px;
    text-align: center;
}

#aboutHwayoText p{
    margin-bottom:10px;
}

#section-titles{
    font-family:'Crimson Text';
    font-variant:small-caps;
    font-size:25px;
    line-height:40px;
    margin-bottom: 20px;
    letter-spacing: 0.1cm;
}

#productsHwayo{
    text-align: center;
    margin-bottom:160px;
}

#michelinhHwayo{
    text-align: center;
}

#marketresearch{
    text-align: center;
}

#galleryHwayo{
    text-align: center;
}

#drinkrecipesHwayo{
    text-align: center;
}

#readytoorderproducts{
    text-align: center;
}

#hwayoproduct-grid-top{
    min-width:200px;
    width:250px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
#aboutus-grid-top{
    min-width:200px;
    /*width:250px;*/
    margin-left:auto;
    margin-right:auto;
    display:block;
}
#contact-icon{
    min-width:30px;
    width:50px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    display:block;
}
#orderinfo-items{
    min-width:100px;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    display:block;
}

#leeGangJuproduct-grid-top{
    min-width:200px;
    width:350px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-top:50px;
}

.hwayoP{
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}
.about-para{

}

.hwayoP > a > .button {
    font-family:'Crimson Text';
    margin-top:20px;
    font-variant:small-caps;
}

.about-para > a > .button {
    font-family:'Crimson Text';
    margin-top:20px;
    font-variant:small-caps;
}

#hwayoproduct-grid-top-text{

    padding: 30px;
    object-fit: cover;
    object-position: 100% 100%;

}

#aboutus-grid-top-text{
    padding: 30px;
    object-fit: cover;
    object-position: 100% 100%;
    width:70%;
}
#locator-map-container{
    padding: 30px;
        object-fit: cover;
        object-position: 100% 100%;
}

#product-name-on-image{
    color: darkslategray;
    position: absolute;
    top: 50%;
    left: -50%;
    transform: translate(-50%, -50%);
}

#productsHwayo > .columns > .column{
    padding-top:0px!important;
    padding-bottom:0px!important;
}


#hwayoh1{
    font-size:50px;
    font-family:"Crimson Text";
    margin-top:60px;
    line-height:60px;text-align:center;
}
#makkuh1{
    font-size:40px;
    font-family:"Crimson Text";
    margin-top:80px;
    margin-bottom:30px;
    letter-spacing:2px;
    line-height:40px;
    text-align:center;
    font-variant: small-caps!important;
        font-variant-ligatures: normal;
        font-variant-numeric: normal;
        font-variant-east-asian: normal;
        font-variant-caps: small-caps;
}

.hwayoSpacing{
    letter-spacing:20px;
}

.productPageIntro{
    text-align:center;
    margin-right:auto;margin-left:auto;display:block;
    width:60%;
}

.productPageIntroSecond{
    text-align:center;
    margin-right:auto;margin-left:auto;display:block;
    width:80%;
    padding-bottom:100px;
}

.productColumns{
    width:75%!important;
}


.aboutColumns{
    width:50%!important;
}

.aboutColumns p{
    font-size:20px;
}

.aboutColumns1{
    padding-bottom:100px;
}
.orderinfoColumn{
        margin-bottom:0px!important;
        width:50%!important;
        padding-top:2%;
        padding-bottom:5%;
}

.orderinfoColumn h2{
    text-align:center;
    /*margin-left:40%;*/
    margin-top:30px;
    font-size: 40px;
    font-color:#000000;
}
.orderinfoColumn p{
    /*margin-left:40%;*/
    font-color:#000000;
    font-size: 20px;
}

.aboutColumns3{
    background-image:
    linear-gradient(rgba(51,51,51,0.90),rgba(51,51,51,0.90))
    ,url(../img/moose-tasting-nocolor.png);
    margin-bottom:0px!important;
    width:100%!important;
    padding-top:2%;
    padding-bottom:5%;
}
.aboutColumns3 h2{
    text-align:center;
    /*margin-left:40%;*/
    margin-top:30px;
    font-size: 40px;
    font-color:#000000;
}
.aboutColumns3 p{
    text-align:center;
        /*margin-left:40%;*/
        font-color:#000000;
        font-size: 20px;
}

.contactColumn1{
    border: 2px solid #333333;
    margin-bottom:0px!important;
    width:100%!important;
}

.contactColumn1 h2{
    text-align:center;
    /*margin-left:40%;*/
    margin-top:30px;
    font-size: 40px;
    font-color:#fff;
}
.contactColumn1 p{
    text-align:center;
    /*margin-left:40%;*/
    font-color:#ffffff;
    font-size: 17px;
}
.contactColumn2{
    margin-bottom:0px!important;
    width:100%!important;
    padding-top:2%;
    padding-bottom:5%;
}
.contactColumn2 h2{
    text-align:center;
    /*margin-left:40%;*/
    margin-top:30px;
    font-size: 40px;
    font-color:black;
}
.contactColumn2 p{
    text-align:center;
    /*margin-left:40%;*/
    font-size: 20px;
    font-color:black;
}

@keyframes rotation{
    from{
        transform: rotate(0deg);
    }
    to{
        transform:rotate(359deg);
    }
}

.logoSpin{
    position:absolute;
    top:40%;
    left:40%;
}
.logo-animal{
    position:float;
    top: 122.49%;
    left: 7%;
    width:50px;
    z-index:2;
}

.logo-writing{
    position:absolute;
    top: 122.3%;
    left: 7%;
    width:50px;
    z-index:2;
    animation: rotation 15s infinite linear;
}


.angled-border[data-direction="bottom-right"] {
    border-color: #fff transparent;
}

.heroHwayo{
    background-image:url(../img/HwayoPremiumSojuCanada.jpg);
    background-size: contain;
    background-repeat:no-repeat;
    background-size:cover;
    height:140vh;
}

.hwayoBackground img{
    margin-left:auto;margin-right:auto;display:block;
    margin-top:100px;
}

.productIntroColumns{
    margin-top:140px;
    margin-bottom:160px!important;
}

.infoSection{
    margin-bottom:70px;
    margin-top:70px;
}
  
.bcSKU{
    text-align: center;
    margin-bottom: 100px;
}

.albertaSKU{
    text-align: center;
    margin-bottom: 100px;
}

/*Product Detail Page*/

.productDetailColumn h1, .productDetailColumn2 h1, .productDetailColumnGoodDay h1, .productDetailColumnLGJ h1,
.productDetailColumnMakku h1{
    text-align:center;
    font-family:'Crimson Text';
    font-size:65px;
    line-height:40px;
    letter-spacing:65px;
    margin-top:225px;
    font-variant:small-caps;
}

.productDetailColumnGDorig h1, .productDetailColumnCass h1{
    text-align:center;
        font-family:'Crimson Text';
        font-size:65px;
        line-height:40px;
        letter-spacing:10px;
        margin-top:225px;
        font-variant:small-caps;
}

.productDetailColumn #goodDayh1, .productDetailColumn #lgjh1{
    text-align:center;
    font-family:'Crimson Text';
    font-size:65px;
    line-height:40px;
    letter-spacing:0;
    margin-top:225px;
    font-variant: small-caps!important;
}
.productDetailColumn h3, .productDetailColumn2 h3, .productDetailColumnGoodDay h3, .productDetailColumnGDorig h3,
.productDetailColumnLGJ h3, .productDetailColumnMakku h3, .productDetailColumnCass h3{
    text-align:center;
    font-family:'Crimson Text';
    font-size:20px;
    line-height:40px;
    font-variant:small-caps;
    letter-spacing:5px;
    margin-top:30px;
    margin-right:-5px;
    margin-bottom:100px;
}

.productDetailColumn2 h2{
     text-align:center;
     font-family:'Crimson Text';
     font-size:20px;
     font-variant:small-caps;
     letter-spacing:5px;
     line-height:40px;
     margin-top:10px;
      margin-right:-5px;

}

.productDetailColumn img, .productDetailColumn2 img, .productDetailColumnGoodDay img, .productDetailColumnGDorig img,
.productDetailColumnLGJ img, .productDetailColumnCass img{
    max-height:660px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.productDetailColumnMakku img{
    max-height:660px;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}



.productDetailColumn h1 span, .productDetailColumn2 h1 span, .productDetailColumnGoodDay h1 span,
.productDetailColumnGDorig h1 span, .productDetailColumnLGJ h1 span, .productDetailColumnMakku h1 span,
.productDetailColumnCass h1 span{
    letter-spacing:10px;
}



.goodDaySecond img, .goodDayThird img{
    width:450px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.cassIngredients img{
    width:350px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.goodDaySecondDetailSection{
    width:80%;
    padding-bottom: 70px;
}


.goodDaySecond h3, .goodDayThird h3{
    text-align:center;
    font-family:'Crimson Text';
    font-size:40px;
    line-height:40px;
    letter-spacing:2px;
    margin-top:136px;
    margin-bottom:30px;
    font-variant: small-caps!important;
}


#goodDayAwardh3{
    margin-top:126px;
}


.goodDaySecond p, .goodDayThird p{
margin-bottom:20px;
text-align:center;
padding-left:60px;
padding-right:60px;
/*
padding-left:20px;
padding-right:20px;
max-width:600px;*/

}

.hwayoDescription{
    background: 
    -webkit-linear-gradient(rgba(236, 236, 236, 1), rgba(255, 255, 255, 0.0) 0%),
   -webkit-linear-gradient(-75deg, rgba(236, 236, 236, 0.9) 55%, rgba(255, 255, 255, 1) 0%);


}
.productDetailColumn{

        background: 
        -webkit-linear-gradient(rgba(236, 236, 236, 1), rgba(255, 255, 255, 0.0) 0%),
       -webkit-linear-gradient(-75deg, rgba(236, 236, 236, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
      
}

.productDetailColumn2{
    background: 
    -webkit-linear-gradient(rgba(233, 205, 130, 1), rgba(255, 255, 255, 0.0) 0%),
   -webkit-linear-gradient(-75deg, rgba(233, 205, 130, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}

.productDetailColumnGoodDay{
    background: 
    -webkit-linear-gradient(rgba(186, 234, 156, 1), rgba(255, 255, 255, 0.0) 0%),
   -webkit-linear-gradient(-75deg, rgba(186, 234, 156, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnGDorig{
    background:
        -webkit-linear-gradient(rgba(186, 234, 156, 1), rgba(255, 255, 255, 0.0) 0%),
       -webkit-linear-gradient(-75deg, rgba(186, 234, 156, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}

.productDetailColumnLGJ{
    background:
    -webkit-linear-gradient(rgba(108, 130, 150, 1), rgba(255, 255, 255, 0.0) 0%),
    -webkit-linear-gradient(-75deg, rgba(108, 130, 150, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnabout{
    background:
    -webkit-linear-gradient(rgba(108, 130, 150, 1), rgba(255, 255, 255, 0.0) 0%),
    -webkit-linear-gradient(-105deg, rgba(108, 130, 150, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}

.productDetailColumnMakku{
    background:
        -webkit-linear-gradient(rgba(241, 231, 206, 1), rgba(255, 255, 255, 0.0) 0%),
        -webkit-linear-gradient(-75deg, rgba(241, 231, 206, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnJungOne{
    background:
            -webkit-linear-gradient(rgba(189, 211, 235, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(189, 211, 235, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnRedM{
    background:
            -webkit-linear-gradient(rgba(185, 82, 81, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(185, 82, 81, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnSolsongju{
    background:
            -webkit-linear-gradient(rgba(216, 202, 145, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(216, 202, 145, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnSeoulnight{
    background:
            -webkit-linear-gradient(rgba(223, 223, 225, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(223, 223, 225, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnWonmae{
    background:
            -webkit-linear-gradient(rgba(233, 207, 121, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(233, 207, 121, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}

.productDetailColumnIlefour{
    background:
            -webkit-linear-gradient(rgba(232, 211, 116, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(232, 211, 116, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnDamsoul{
    background:
            -webkit-linear-gradient(rgba(145, 122, 93, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(145, 122, 93, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}
.productDetailColumnCass{
    background:
            -webkit-linear-gradient(rgba(90, 147, 211, 1), rgba(255, 255, 255, 0.0) 0%),
            -webkit-linear-gradient(-75deg, rgba(90, 147, 211, 0.9) 55%, rgba(255, 255, 255, 1) 0%);
}



.productDetailColumn p, .productDetailColumn2 p, .productDetailColumnGoodDay p, .productDetailColumnGDorig p, .productDetailColumnLGJ p,
.productDetailColumnMakku p, .productDetailColumnCass p{
max-width:650px; 
margin-right:auto;
margin-left:auto;
display:block;
text-align:center;
font-size:20px;
margin-bottom:60px;
}

.productDetailColumn hr, .productDetailColumn2 hr, .productDetailColumnGoodDay hr, .productDetailColumnGDorig hr, .productDetailColumnLGJ hr,
.productDetailColumnMakku hr, .productDetailColumnCass hr{
margin-left:auto;
margin-right:auto;
display:block;
width:300px!important;
}

.textContainer{
    height: 200px;
    position: relative;
}

.verticalCenteredText{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.productDetailThirdSection p{
    font-family:'Crimson Text';
    text-align:center;
    margin-top:20px

}

.detailsThirdSection{
    background: rgba(236, 236, 236, 0.9);
    padding-bottom:100px;
    padding-top:100px;
    margin-top:40px;
}

.detailsFourthSection{
    background-image:url("/img/HwayoOrderPhoto.jpg");
    background-size:100vw;
    height:550px;
    transition: background-size 2s;


}

.detailsFourthSection:hover{
    background-size:102vw;
    transition: background-size 2s;


}


.detailsFourthSection .column{
    padding:0px!important;
}

.textContainerLarge{
    height: 550px;
    position: relative;
}

.detailsFourthSection a{
    color:white;
    text-decoration:none;
    font-size:40px;
}

.detailsFourthSection a:hover{
    text-decoration:underline;
}

.textContainer img{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.leftDetailColumn{
    border-right:1px solid #ececec;
}

.leftInnerDetailColumn{
float:right;
}
.leftInnerDetailColumn img{
padding-right:30px;
float:left;
position:relative;
height:100px;
padding-left:2  0px;
}

.leftInnerDetailColumn p {
    padding-top:20px;
    font-size:20px;
}


.rightDetailColumn p{
    margin-top:37px;
    font-size:20px;
    margin-left:90px;
}

.rightDetailColumn img{
    width:90px;
    position:absolute;
    margin-top:-35px;
    margin-left:10px;
}

.rightDetailColumn span{
    margin-left:110px;   
}

.recipeBox img{
    width:700px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-top:50px;
    margin-bottom:100px;
}

.recipeBoxLarge img{

    margin-bottom:0px;
    width:700px;
    margin-left:auto;
    margin-right:auto;
    display:block;

}

.thirdSection{
/*padding-left:10%;
padding-right:10%;*/
padding-top:100px;
padding-bottom:100px;
  
}

.sorijan{max-width:300px;}

.thirdSectionTop{
    margin-top:20px;
}

.thirdSection p{
    text-align:center;
    max-width:60%;
}

.thirdSectionTopLeft{
    float:right;
}

.thirdSectionTopRight{
    margin-top:100px;
}


.secondDetailSection{
    padding-top:50px;
}

.hwayoawards img{
    width:800px;
}

.selectionsTitle{
    text-align:center;
    font-family:'Crimson Text';
    font-size:40px;
    font-variant:small-caps;
    letter-spacing: 5px;
    margin-bottom:40px;
}

.ourSelections hr{
    margin-left:auto;
    margin-right:auto;
    display:block;
   width:200px!important;
    margin-bottom:100px;
    margin-top:150px;
    }

.ourSelectionsSlider{
    margin-bottom:100px;
}

.outsideColumn h4{
    font-family:'Crimson Text';
    font-size:40px;
    font-variant:small-caps;
    text-align:center!important;  
    margin-top:20px;
}

.lefth4{
    float:right;
    margin-right:30px;
}

.righth4{
    float:left;
    margin-left:40px;
}

.secondOrderSection{
    width:70%;
    margin-top:100px;

}

.secondOrderSection h4{
    font-family:'Crimson Text';
    font-size:40px;
    font-variant:small-caps;
    letter-spacing: 0px;
    margin-top:100px;
    margin-bottom:20px;
}

.secondOrderSection h5{
    font-family:'Crimson Text';
    font-size:25px;
    font-variant:small-caps;
    letter-spacing: 0px;
    margin-bottom:10px;
}

.contactColumn h5{
    text-align:center;
    font-family:'Crimson Text';
    font-size:35px;
    font-weight: bold;
    font-variant:small-caps;
    letter-spacing: 0px;
    margin-bottom:10px;
    margin-top:20px;
}

.orderBottomColumn{
    margin-top:20px;
}

.orderBottomColumn p{
    margin-bottom:10px;
}

.orderinfo-first-para p{
    margin-top:50px;
    margin-bottom:50px;
    text-align:center;

}

.skuColumn{
    margin-top:20px;
}

.orderBottomColumn p span{
    font-weight:bold;
}

#goodDaySelections{
    margin-top:150px;
}
.orderinfosec{
    background-color: #fbf3e6;
}
.about-top-section h1{
    font-size:90%;
}


.orderinfosec::before{
    content:'';
    position:absolute;
    bottom:228px;
    width:100%;
    height:300px;
    background: linear-gradient(to top, #fbf3e6,transparent);
    z-index:1;
}


.ingredientsHeader > #section-titles{
    text-align:center;
    font-size:40px;
    margin-top:100px;
}

.ingredientsColumn img{
width:150px;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:30px;
}

.ingredientsColumn h4{
    text-align:center;
    font-family:'Crimson Text';
    font-size:25px;
    font-variant:small-caps;
    letter-spacing: 0px;
    margin-bottom:10px;
    margin-top:30px;

}

.ingredientsColumn p{
    text-align:center;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    display:block;

}

.ingredientsColumns{
    width:90%!important;
    margin-left:auto;
    margin-right:auto;
    display:block;
}


/*Mobile*/
@media only screen and (max-width:1530px){
    .outsideColumn h4 {
        font-size: 200%;
    }
    .outsideColumn p {
            font-size: 15px;
        }

    .lefth4{
        float:none;
        text-align:center;
        margin-right:0;
        margin-left: 40%;
    }

    .righth4{
        float:none;
        text-align:center;
        margin-left:0;
        margin-right:40%

    }
    .thirdSectionTopRight {
        margin-top:20px;
    }

    .goodDaySecond p, .goodDayThird p{
        padding-left:0px;
        padding-right:0px;
        font-size:15px;
    }
    .logo-animal{
        top:128%;
    }
}
@media only screen and (max-width:1370px){
    .about-top-gif{
        width: 20%;
        left: 34%;
    }
    .about-contact-button{
        font-size: 85%;
    }
    .about-top-section h1
    {
        font-size: 85%;
    }

}


@media only screen and (max-width:1200px){

    .aboutHeaderText h1, .orderinfoHeaderText h1{
    }
    .about-subtitle{
        letter-spacing: 3px!important;
    }
    #aboutBackground {
        height:100%;
    }
    #contactBackground {
            height:170vh;
        }
    .aboutColumns{
        width:90%!important;
        padding-bottom:50px;
        margin-top:50px;
    }
    #aboutus-grid-top {
        margin-top:57px;
    }

    .aboutColumns1{
    }
    #orderinfoitemcolumn{
        padding-left: 50px;
        padding-right: 50px;
    }
    .secondOrderSection{
        width:90%;
        margin-top:0px;
    }

}
@media only screen and (min-width:1023px){
    .about-top-image-mobile{
        display:none;
    }
    .about-bottom-image-mobile{
        display:none;
    }
    .moose-logo-gif{
        display:none;
    }
    .contact-top-image-mobile{
        display:none;
    }
}

@media only screen and (max-width:1023px){
    #locator-map-container{
        padding:0px;
    }

    .about-top-gif{
        display:none;
    }
    .contact-top-image{
        border: 2px solid #000000;
                filter: grayscale(100%);
                border-radius:25px;
                width:70%;
                    margin-top: 100px;
                    margin-bottom: -100px;
    }
    .about-contact-button{
            font-size: 65%;
        }

    #about-top-question{
        font-size:20px!important;
    }
    .moose-logo-gif{
        width:100px;
        position:absolute;
        margin-left:50%;
        margin-top:-100px;
    }
    .about-top-section{
        margin:0%;
            margin-left: 15%;
            width: 70%;
        text-align:center;

    }
    .about-top-paragraph{
        margin-top:40px;

    }

    .about-top-section h1{
        font-size:75%;
        margin-bottom:-5%;
        margin-top:110px;s
    }

    .about-top-image{
        display:none;
        position:absolute;
        top:0%;
        right:0%;
        width:100%;
        opacity:30%;

    }
    .contact-top-image{
        display:none;
    }
    /*
    .about-top-image-mobile{
        position: float;
        border: 2px solid #333333;
        filter: grayscale(100%);
    }*/

    .about-top-image-mobile{
        /*position:absolute;
        border: 2px solid #000000;
        filter: grayscale(100%);
        border-radius:25px;
        width:60%;
        top:5%;
        left:5%;
        z-index:2;*/
        border: 2px solid #000000;
        filter: grayscale(100%);
        border-radius:25px;
        width:70%;
            margin-top: 100px;
            margin-bottom: -100px;
    }
    .contact-top-image-mobile{
        border: 2px solid #000000;
                filter: grayscale(100%);
                border-radius:25px;
                width:70%;
                    margin-top: 100px;

    }

    .aboutHeaderText-ver2{
        background-image: black;
    }
    .about-bottom-image{
        display:none;
        position:absolute;
        top:10%;
        right:5%;
        width:60%;
        z-index:0;


    }
    .about-bottom-image-mobile{
        width:70%;
        margin-top:100px;
    }

    #about-top-midpara{

    }

    .about-question{
        margin-left: 0px;
        margin-top: 0px;
    }
    .about-bottom-section{
        margin-top:0px;
            margin-left: 15%;
            width: 70%;
        text-align:center;
    }
    .locator-map-section{
            margin-top:0px;
                margin-left: 5%;
                width: 90%;
            text-align:center;
        }
    a svg:hover path{
        fill:#f9f9f9;
        stroke:#f9f9f9;
    }
    .about-interested-phrase{
        margin-top:100px;
    }

}



@media only screen and (max-width: 890px) {

    .contact-persons{
        margin-top:-25%;
    }
    .moose-logo-gif{
        width: 100px;
            position: absolute;
            margin-left: 50%;
            margin-top: -80px;
    }
    .about-top-section h1{
        /*font-size:50px;*/
            margin-bottom: -50px;
            margin-top: 50px;
    }
    .about-top-section p{
        font-size:15px;
    }
    .about-contact-button{
        font-size:60%;
    }
    .about-bottom-section{
        padding-bottom:0px;
    }
    .about-bottom-section p{
        font-size:15px;
    }
    .locator-map-section{

    }
    .locator-map-section p{
        font-size:15px;
    }

    #navbarExample{
            height:550px;
            width:100%;
            overflow-y:scroll;
            -webkit-overflow-scrolling:touch;
        }
    .aboutColumns3 h2{
        font-size: 30px;
        margin-top: 40px;
    }
    .aboutColumns3 p{
        font-size:17px;
    }
    .aboutColumns1 p{
        font-size:17px;
    }
    .contactColumn1 h2{
        font-size:25px;
    }
    .contactColumn1 p{
        font-size:17px;
    }
    .contactColumn2 h2{
        font-size:30px;
    }
    .contactColumn2 p{
        font-size:17px;
    }
    .orderinfoColumn h2{
        font-size:30px;
    }
    .orderinfoColumn p{
        font-size:17px;
    }

    footer h2{
        font-size:15px;
    }
    #mc_embed_signup h2{
        font-size:15px!important;
    }


    #leeGangJuproduct-grid-top{
        width:70%;
        margin-top:0px;
    }

    .orderinfo-first-para p{
        font-size:15px;
        margin-top:0px;
    }

    .secondOrderSection{
        width:90%;
    }

    .contactColumn p{
        font-size:15px;
    }

    #contact-icon{
        width:25px;
    }

    .contactColumn{
        margin-bottom: 100px;
    }

    .contactColumn h5{
        font-size:30px;
        margin-top:0px;
    }

    .hwayoP p{
        font-size:15px;
    }
    .about-para{
        font-size:15px;
    }


    .about-subtitle{
        font-size: 17px!important;
        letter-spacing: 3px!important;
    }

    #hwayoproduct-grid-top{
        width: 200px;
    }

    .ingredientsHeader > #section-titles {
        font-size:200%;
    }


    .productDetailColumn p, .productDetailColumn2 p, .productDetailColumnGoodDay p, .productDetailColumnGDorig p,
    .productDetailColumnLGJ p, .productDetailColumnMakku p, .productDetailColumnCass p{
        max-width:none;

    }
    .goodDaySecondDetailSection{
        width:90%

    }


    .ticker-wrap {

  padding-left: 0!important;
    }
    .rightDetailColumn p{
       text-align:center;
       font-size:15px;
       margin-left:0px;
    }

    .leftDetailColumn p {
        font-size:15px;
        padding-left:10px;

    }
    .thirdSection p{
        text-align:center;
        max-width:90%;
        margin-left:auto;margin-right:auto;display:block;
    }

    .thirdSectionTopLeft{
        float:none;
    }

       .thirdSectionTopRight{
        margin-top:20px;
    }


    .lefth4, .righth4{float:none;margin-left:0;margin-right:0;}

    .productColumns{
        width:60%!important;
 
    }

    .productHwayo img{
       margin-left:auto!important;margin-right:auto!important;display:block!important;
    }

    .goodDaySecond img, .goodDayThird img{
        float:none;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }

    .goodDaySecond h3, .goodDayThird h3{

        margin-top:50px!important;
        font-size:200%
    }

    .heroHwayo{
background-image:none;
    height:auto;
    }

    .hwayoBackground img{
        display:block!important;
        width:100%;
    }

    .productColumns img{
        margin-left:auto;
        margin-right:auto;
        display:block;
        float:none;
        margin-bottom:-50px;
    }
    .aboutColumns img{
        margin-left:auto;
        margin-right:auto;
        display:block;
        float:none;
        margin-top:50px;
        }

    .hwayoBottomBorder{
        padding-bottom:100px;
        border-bottom:1px solid #ececec;
    }
    .contactBottomBorder{
        border-bottom:1px solid #ececec;
        }
    .contactBottomBorder1{
        padding-bottom:60px;
        border-bottom:1px solid #ececec;
        }

    .hwayoSpacing{
        letter-spacing:15px;
    }

    .hwayoHeaderText h1{

        font-size:45px;
        line-height:40px;
        letter-spacing:30px;
        margin-right:-30px;
        margin-top: 225px;
        font-family:'Crimson Text';

    }

    .aboutHeaderText h1{
        font-size: 70px;
        margin-top:150px;
        margin-bottom:50px;
    }
    .orderHeaderText h1{
            font-size: 60px;
            margin-top:150px;
            margin-bottom:50px;
        }

    .nav-footer{

    }
    .social-media-footer{
        display:flex;
    }
    #orderinfoitemcolumn{
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-footer a, .nav-footer li, .social-media-footer a, .social-media-footer li{
    }


    .nav-footer li:not(:last-child)::after {
        display:none;
    }

    .productColumns{
        width:100%!important;
    }
    .aboutColumns{
        width:100%!important;
        margin-top:0px;
        padding-bottom:50px;
    }
    .aboutColumns2{
        margin-top:0px;
    }
    .aboutColumns3{
        margin-top:25px;
    }

    .productColumns h1{
        font-size:200%!important;
    }
    .aboutColumns h1{
            font-size:35px!important;
        }

    .productDetailColumn p, .productDetailColumnLGJ p, .productDetailColumn2 p, .productDetailColumnGDorig p,
    .productDetailColumnGoodDay p, .productDetailColumnMakku p, .productDetailColumnCass p{
        margin-left:30px;
        margin-right:30px;
        font-size:16px;
    }

    .button{font-size:17px;}

    .recipeBoxLarge img{
        width:90%;
}

.infoSection{
    padding:30px;
    margin-top:0px;
}
.infoSection p {
    font-size:15px;
}

.productDetailColumn h1, .productDetailColumn2 h1, .productDetailColumnGoodDay h1,
.productDetailColumnLGJ h1, .orderinfoHeaderText h1, .productDetailColumnMakku h1, .productDetailColumnCass h1{
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 10px;
    margin-right: -10px;
    font-family: 'Crimson Text';
}

.productDetailColumnGDorig h1{
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 15Px;
    margin-right: -10px;
    font-family: 'Crimson Text';

}

.productDetailColumn h3, .productDetailColumn2 h3, .productDetailColumnGoodDay h3, .productDetailColumnGDorig h3,
.productDetailColumnLGJ h3, .productDetailColumnMakku h3, .productDetailColumnCass h3{

    font-family: 'Crimson Text';
}

.productDetailColumn img, .productDetailColumn2 img, .productDetailColumnGDorig img, .productDetailColumnLGJ img,
.productDetailColumnCass img{
    height:400px;
    margin-top:10px;
}

.productDetailColumnMakku img{
    max-width:400px;
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
}

.productDetailColumnGoodDay img{
    width:390px;

}
.productDetailColumn h3, .productDetailColumn2 h3, .productDetailColumnGoodDay h3, .productDetailColumnGDorig h3,
.productDetailColumnLGJ h3, .productDetailColumnMakku h3, .productDetailColumnCass h3{
margin-bottom:70px;
}

.leftInnerDetailColumn, .rightDetailColumn{
    float:none;
    margin-left:auto;
    margin-right:auto;
    display:none;
}

.mobilePercent{
    display:block!important;
}

.mobilePercentColumn p{
    margin-top:20px;
    font-size:20px;
    text-align:center;
}

.mobilePercentColumn img{
    width:90px;
    position:absolute;
    margin-top:-35px;
    margin-left:10px;
}

.mobilePercentColumn span{
    margin-left:110px;   
}

.goodDayPom img{
    width:60%;
    margin-top:80px;
}

.goodDayPine img{
    width:70%;
}

#aboutBackground{
    height:auto;
}
#contactBackground{
    height:auto;
}
#orderInfoBackground{
    height:auto;
}
.notMobileXP{
    display:none!important;
}

.mobileXP{
    display:block!important;
}
.gdVideo{
    width:90%!important;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.productPageIntro, .productPageIntroSecond{
    width:90%;
    padding-bottom:0px;
    font-size:15px;
}
.goodDayVideo{
width:100%!important;
height:auto!important;
padding:0px;
}
}

@media only screen and (max-width: 768px){
    .products-footer{
        display:none;
    }
        .company-left{
            margin-left: 20px;
        }
        .socials-right{
            margin-left: 20px;
        }
}

@media only screen and (max-width:500px){
    .about-top-section h1{
        font-size:37%;
        margin-bottom: -50px;
        margin-top:50px;
    }
    .about-top-section{
        margin-left:10%;
        width:80%;
    }
    .about-bottom-section{
        margin-left:10%;
        width:80%;
    }
    .locator-map-section{
        margin-left:5%;
        width:90%;
    }
    .moose-logo-gif{
        right:5%;
        top: 53%;
    }
    .about-contact-button{
            font-size:37%;
        }
    .about-top-image-mobile{
        width:100%;
    }
    .contact-top-image-mobile{
        width:100%;
    }
    .about-bottom-image-mobile{
        width:100%;

    }
}
/*Ticker
* { box-sizing: border-box; }
$duration: 30s;*/

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  
  position: relative;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 6.5rem;
  background-color: rgba(#000, 0.9); 
  padding-left: 100%;
  box-sizing: content-box;
  color:black;
}

  .ticker {

    display: inline-block;
    height: 5rem;
    line-height: 4rem;  
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: 60s;
            animation-duration: 60s;
  }

    .ticker__item {

      display: inline-block;

      padding: 0.5rem 2rem;
      font-size: 1.5rem;
      color: black;  
      font-family: "Tenor Sans";

    }


.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}