@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
  
  @font-face {
  font-family: "S6u9w4BMUTPHh6UVSwiPGQ";
  font-style: normal;
  src: url(../fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("opentype");
  display:swap;
  
  }
  @font-face {
  font-family: "S6uyw4BMUTPHjx4wXg";
  font-style: normal;
  src: url(../fonts/S6uyw4BMUTPHjx4wXg.woff2) format("opentype");
  display:swap;
  
  }
   @font-face {
  font-family: "S6u9w4BMUTPHh7USSwiPGQ";
  font-style: normal;
  src: url(../fonts/S6u9w4BMUTPHh7USSwiPGQ.woff2) format("opentype");
  display:swap;
  
  }
   @font-face {
  font-family: "S6u8w4BMUTPHjxsAXC-q";
  font-style: normal;
  src: url(../fonts/S6u8w4BMUTPHjxsAXC-q.woff2) format("opentype");
  display:swap;
  
  }
  
  @font-face {
    font-family: 'yotpo-widget-font';
    src: url("../fonts/yotpo-widget-font.eot");
    src: url("../fonts/yotpo-widget-font.eot#iefix") format("embedded-opentype"),url("../fonts/yotpo-widget-font.woff") format("woff"),url("../fonts/yotpo-widget-font.ttf") format("truetype"),url("../images/yotpo-widget-font.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
body{
    overflow-x:hidden;
}

nav {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 10px;
}
.offer {
    line-height: 1.8;
    background-color: #000;
    padding: 10px 20px;
   
     
      color: #ffffff;
      /*text-transform: uppercase;*/
      font-size: 18px;
    font-family: "Lato", sans-serif;
    
    
}
.logo-width{
    width: 20%;
    height: auto;
}

.img-widd {
    width: 35% !important;
}

.hero-section {
    background-image: url(../images/above2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-blend-mode: multiply;*/
    height: 650px;
    /*background-position: 50% 50%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    
    
}
.hero-content{
  
       width: 70%;
    text-align: center;
   
}




.subhead-1{
  color: #000;
font-size: 60px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  margin-bottom:0px;
  
}
.subhead-2{
   font-size:60px ;
      font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000;
      font-style: italic;
      margin-top: -10px;
}
.subhead-3{
font-size:30px;
      font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000;
     padding-top: 10px;

}
.subhead-4{
font-size:25px;
      font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000;
     padding-top: 10px;

}




.btn.hero-btn{
    
   font-family: "Lato", sans-serif;
  
    text-decoration: none;
    max-width: 100%;
    min-width: 40%;
    
    font-size: 26px;
    line-height: 14px;
    color: #fff !important;
    border-radius: 0px;
    background-color: #000;
    padding: 18px 55px;
    /*font-weight: bold;*/
    margin: 12px 0 23px;
    padding: 22px 22px;
}

 .btn:hover{
    background-color: #000!important;
    color:#fff!important;
}

 footer{
	background-color: #000000;
	padding: 10px 12px;
}
.footer-link{
	display: flex;
	justify-content: center;
}
footer a,footer a:hover{
	text-decoration: none;
	color: #fff !important;
	margin-bottom: 0px;
	font-size: 18px;
	 font-family: "Lato", sans-serif;
}
.display-mobile{
	display: none;
}

.pd-le{
    padding-left:15px;
}

.desktop-banner{
    display:block;
}
.mobile-banner{
    display:none;
}


@media screen and (max-width:767px)

{
    .desktop-banner{
    display:none;
}
.mobile-banner{
    display:block;
}

    
    .display-desktop{
        display:none !important;
    }

	.img-widd{
      width: 60% !important;
}
.logo-width {
    width: 55%;
    height: auto;
}

.hero-content{
  
       width: 100%;
    text-align: center;
   
}


	.display-mobile{
		display: block !important;
	}


	.hero-section{
		 background-image: url(../images/above2.jpg);
		background-color: #fff;
		height: 700px;
	}

	.subhead-1{
  
 font-size: 32px;
 margin-bottom: -8px;
  }
.subhead-2{
    font-size: 32px;
      
}
.subhead-3{
	font-size: 20px;
      

}
.subhead-4{
font-size:20px;

}
.hero-content{
	float: none;
    padding-top: 0%;
    padding-left: 0;
    text-align: center;
}
.btn.hero-btn {
  
    width: 70%;
}

.btn-style{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}



}

@media screen and (min-width:1400px)
{
    .subhead-1{
  color: #000;
font-size: 4.6rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
   margin: -30px;
  
  
}
.subhead-2{
   font-size:4.2rem ;
      font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000;
      font-style: italic;
     
}
.subhead-3{
font-size:1.7rem;
      font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000;

}
.subhead-4{
font-size:1.6rem;
      font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000;
    

}
}




