body{
            font-family: 'Lato', sans-serif;
            font-weight:300;
            text-align:center;
        }
    
        header{
            background-color:#ffc40c;
            padding:15px 0px;
            position:fixed;
            top:0px;
            width:100%;
            z-index:2;
            height:81px;
        }
        
        header .fas{
            float:right;
            color:#fff;
            font-size:28px;
        }
        
        header .logo{
            
        }
        header .logo img{
            
            max-height:50px;
            margin-bottom:20px;
        }
        nav{
            float:right;
            margin-top:10px;
            overflow:hidden;
        }
        nav li{
            display:inline-block !important;
        }
        nav li a{
            font-family: Lato, Arial, sans-serif;
            color: #ffffff;
            font-size: 14px;
            line-height: 28px;
            letter-spacing: 0.32px;
            font-weight:500;
            letter-spacing:0.32px;
            margin-right:15px;
            transition: 0.3s;
            text-transform:uppercase;
        }
        nav li a:hover{
            color: #111;
        }
        .mobile-nav{
            position:absolute;
            top:0;
            right:0;
            height:100vh;
            width:85vw;
            z-index:10;
            background:#273c48;
            display:none;
            padding:15px;
            -webkit-box-shadow: -7px 2px 21px -3px rgba(0,0,0,0.86); 
            box-shadow: -7px 2px 21px -3px rgba(0,0,0,0.86);
        }
        .mobile-nav a{
            font-family: 'Merriweather', serif;
            font-size:4vh;
            color:#fff;
            font-weight:300;
            line-height:6vh;
        }
        main{
            padding-bottom:80px;
        }
        .care-package{
            position:relative;
            z-index:1;
            top:-300px;
            width:100%;
            background:#273c48;
            padding:15px 0px;
            margin-bottom:30px;
            text-align:center;
            
        }
        .care-package .care-title{
            font-family: 'EB Garamond', serif;
            font-size:28px;
            color:#fff;
            font-weight:400;
            line-height:38px;
            letter-spacing: 0.32px;
        }
        .care-package .care-bullet{
            font-family: Lato, Arial, sans-serif;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.32px;
            font-weight:400;
        }
        h1{
            font-family: 'EB Garamond', serif;
            font-size: clamp(22px, 6vw, 50px);
            line-height: clamp(32px, 6vw, 58px);
            color:#273c48;
            font-weight:400;
            margin-top:30px;
        }
        
        
        
        h2{
            font-family: 'EB Garamond', serif;
            font-size: clamp(20px, 5vw, 34px);
            line-height: clamp(32px, 5vw, 42px);
            text-align:center;
            color:#273c48;
            font-weight:400;
        }
        h4{
            margin-bottom: 0px;
            font-family: Lato, Arial, sans-serif;
            color: #273c48;
            font-size: 20px;
            line-height: 31px;
            letter-spacing: 0.32px;
            font-weight:400;
        }
        h3{
            font-family: Lato, Arial, sans-serif;
            font-size:18px;
            color:#273c48;
            font-weight:400;
            line-height:24px;
        }
        li{
            font-family: Lato, Arial, sans-serif;
            color: #273c48;
            font-size: 18px;
            letter-spacing: 0.32px; 
        }
        p{
            margin-top: 10px;
            font-family: Lato, Arial, sans-serif;
            color: #273c48;
            font-size: clamp(16px, 18px, 18px);
            line-height: clamp(32px, 32px, 32px);
            letter-spacing: 0.32px; 
        }
        
        .call span{
            color:#fff !important;
            
        }
        
        p.call {
            color: #fff !important;
            padding-top: 20px;
            font-weight: 100 !important;
        }
        
        .img{
            max-width:100%;
        }
        
        .call span{
            color:#ffc40c !important;
            
        }

        a{
            margin-top: 10px;
            font-family: Lato, Arial, sans-serif;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0.32px; 
        }
        a.btn{
            display:inline-block;
            padding:10px 20px;
            border:2px solid #ffc40c;
            border-radius:5px;
            color:#ffc40c;
            background:transparent;
            margin:20px auto 0px auto;
            transition: 0.3s;
            text-decoration:uppercase !important;
        }
        a.btn:hover{
            border:2px solid #ffc40c;
            background:#ffc40c;
            color:#fff;
        }
        ul{
            margin:0px;
            padding:0px;
            list-style-type:none;
        }
        ul li{
            display:block;
        }
        ::selection{
            background:#273c48;
            color:#fff;
        }
        .footer-main{
            background-color:#f4f4f2;
            padding:40px;
        }
        .footer-main .col-6{
            margin-bottom:20px;
        }
        .footer-main a, .copyright a{
            color:#273c48 !important;
            text-shadow: 0px 1px 0px #ffffff;
            font-size:16px;
            transition: 0.3s;
        }
        .footer-main a:hover{
            margin-left:10px;
            font-weight:400;
        }
        @media only screen and (min-width: 801px) {
            .copyright .col-lg-6:first-of-type{
                text-align:left;
            }
            .copyright .col-lg-6:last-of-type{
                text-align:right;
            }
            header{
                
            }
            header .fas{
                display:none;
            }
            header nav{
                display:block;
            }
            .margin-top{
                margin-top:-150px;
            }
        }
        @media only screen and (max-width: 800px) {
            .footer-main{
                text-align:center;
            }
            .copyright {
                padding:15px 0px;
            }
            .copyright .col-lg-6:first-of-type{
                text-align:center;
            }
            .copyright .col-lg-6:last-of-type{
                text-align:center;
            }
            .copyright p{
                margin:0px;
            }
            header .fas{
                display:block;
            }
            header nav, .care-package{
                display:none;
            }
        }
        
        .top-front{
            position:relative;
            left:-2900px;
            z-index:0;
            text-align:center;
            padding: 8vw 0;
        }
        
        .top-front img{
            height:10vw;
            max-height:80px;
        }
        
        @media only screen and (max-width: 801px) {
            .top-front{
               margin-top:81px !important;
            }
        }
        
        /** SERVICES PAGE **/
        
        .clown{
            font-size: 7vw !important;
            margin: 20px auto !important;
            display: block;
            text-align:center;
            color:#ffc40c;
        }
        
        ul.heart{
            padding:0px;
            margin:0px;
        }

        ul.heart li:before{
            content:'\00bb';
            color:#ffc40c;
            margin-right:10px;
        }

        ul.heart li{
            padding:8px 0px;
        }
        
        /** CONTACT FULL **/
        
        
        
        video {
            position:relative;
  object-fit: cover;
  width: 100vw;
  left: 0;
  z-index:0;
}
.full-width-widget{
    position:relative;
}

.wrapper-main.al-lft h2{
    text-align:left !important;
}
.wrapper-main.al-lft address{
    margin:40px 0px;
}
.gold-map iframe{
    max-width:100%;
}

.gold-map{
    display:block;
    padding:20px !important;
    overflow:hidden;
}

.full-img{
    margin-top:50px;
}
.cqc{
    position: absolute;
z-index: 1;
top: 50px;
left: 50px;
}


.al-me-rgt{
    text-align:right;
}
.al-me-lft{
    text-align:left;
}

/** FRONT PAGE **/

.full-img img{
    max-width:100%;
    width:100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

@media only screen and (max-width: 801px) {
    .full-img img{
        margin-bottom:20px;
    }   
}

/** CONTACT PAGE **/

.contact-full{
    background:#273c48 !important;
    padding:20px;
    margin:40px 0px 60px 0px;
    text-align:center;
}

.contact-full p{
    line-height:32px;
    color:#fff;
    font-family: 'EB Garamond', serif;
    font-size: clamp(18px, 5vw, 26px);
    line-height: clamp(29px, 5vw, 38px);
}

.contact-full .fa-pen-alt{
    color: #fff;
    font-size:4vw;
    margin-top:25px;
}

 @media only screen and (max-width: 801px) {
    .contact-full .fa-pen-alt{
        font-size:15vw;
        margin-top:15px;
    }
}


 @media only screen and (min-width: 801px) {
     header{
         padding-top:0px;
     }
     
     header .logo img{
         margin-top:15px;
     }
     
     header nav{
         margin-top:0px;
     }
     header nav li{
         position:relative;
         height:81px;
     }

     header nav li a{
         display:block;
         text-align:center !important;
         margin:0px 15px;
         padding-top:20px;
     }
     header nav li.active a{
         color:#273c48;
         font-weight:500;
     }
     
     header nav li a:hover{
         text-decoration:none;
     }
     header nav li div{
         display:none;
     }
     header nav li.active .fas{
         display:block;
         float:initial;
         color:#273c48;
         font-size: 39px;
        margin-bottom: -15px;
     }
     header nav li.active div{
            position: absolute;
            bottom: 0px;
            width: 100%;
            display: block;
            color:#273c48;
            text-align:center;
     }
 }
 
 /** BOTTOM PAGE **/
 .out{
            font-family: 'EB Garamond', serif;
            font-weight:900;
            font-size:50px;
            line-height:65px;
            padding:100px 0px;
        }
        

 .out small{
            display:block;
            color:#666;
            text-transform:uppercase;
            font-size:16px;
        }
  @media only screen and (max-width: 801px) {
 .out{
            font-size:30px;
            line-height:40px;
            padding:60px 0px;
        }
 }
 /** FOOTER **/
 footer{
     text-align:left;
 }
 
 footer address,  footer p{
     font-size:16px;
 }

 @media only screen and (max-width: 801px) {
    footer .col-logo{
         margin-bottom:20px;
    }
 }
 
 /** COOKIE POLICY **/
 
 .cc-nb-title{
    font-family: 'EB Garamond', serif !important;
    font-size: 28px !important;
    color: #fff !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    letter-spacing: 0.32px !important;
 }
 
 .freeprivacypolicy-com---palette-dark.freeprivacypolicy-com---nb {
    font-family: Lato, Arial, sans-serif !important;
    font-size: 16px !important;
    background-color: #273c48 !important;
    color: #fff!important;
    letter-spacing: 0.32px !important;
}

.freeprivacypolicy-com---palette-dark .cc-nb-okagree , .freeprivacypolicy-com---palette-dark .cc-nb-reject, .freeprivacypolicy-com---palette-dark .cc-nb-changep{
    color: #fff !important;
    background-color: #ffc40c !important;
    font-family: Lato, Arial, sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0.32px !important;
    text-transform:uppercase !important;
}

.padd-me-top{
    padding-top:100px !important; 
    text-align:left;
}
}