@import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Days+One&family=Outfit:wght@100..900&display=swap');

.days-one-regular {
  font-family: 'Days One';
  font-weight: 400;
  font-style: normal;
}

.outfit-<uniquifier> {
  font-family: 'Outfit';
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.valentinesbanner { float:left; width:100%; text-align: left; padding:0;
background:
url('../images/Black_and_White1.png'),
url('../images/valentines-bg.png');	
background-repeat:no-repeat,no-repeat;
background-position:center  bottom 0%, left 0% bottom 0%; 
background-size:auto 200px,cover; height:500px;}
.valentinesbanner .wrapper { display:table;}
.valentinesbanner-inn { vertical-align:top; height:500px; text-align: center; padding: 20px 0 0;}

.valentinesbanner h1 { color:#ffffff; font-size:45px; line-height:55px;margin:0px; padding:0px;font-family: 'Days One';}	
.valentinesbanner h3 { color:#ffffff; font-size:30px; line-height:40px; margin:15px 0; padding:0px;font-family: 'Outfit'; font-weight:400;}	

.valentinesbanner .valentines-btn { float:left; width:100%; text-align:center;}
.valentinesbanner .valentines-btn a { display:inline-block;background: #ffffff; font-size:17px;color:#e5527e; padding:12px 30px; border-radius:22px;} 
.valentinesbanner .valentines-btn a:hover { background:#ff6503; font-size:17px;  color:#fff; padding:12px 30px; border-radius:22px;}	

.nobr { white-space: nowrap; font-style: normal !important;}

@media only screen and (max-width:1720px) { 
.valentinesbanner,.valentinesbanner-inn  { height:400px;}
}
@media only screen and (max-width:1500px) { 
.valentinesbanner { background-size:auto 150px,cover;}
.valentinesbanner h1 { font-size: 40px; line-height: 45px;}
.valentinesbanner h3 { font-size: 23px; line-height: 30px;}


@media only screen and (max-width:1220px) { 
.valentinesbanner {  text-align:center;}
.valentinesbanner  {
background:
url('../images/Black_and_White1.png'),	
linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
url('../images/valentines-bg.png');
background-repeat:no-repeat,no-repeat,no-repeat;
background-position:center  bottom 0%,top 0 left 0,right 0 bottom 0; 
background-size:auto 160px,100% 100%,cover;}
.valentinesbanner h1 { color:#fff;}
.valentinesbanner h1 br,.valentinesbanner h3 br { display:none;}
.valentinesbanner h3 {color:#fff;}
}

@media only screen and (max-width:1120px) { 
.valentinesbanner h1 { font-size: 35px;  line-height:45px;}
}

@media only screen and (max-width:767px) {
.valentinesbanner h1 { font-size: 30px;  line-height:40px; margin: 20px 0 0;}
 .valentinesbanner h3 { font-size: 20px; line-height: 26px;}	
}

@media only screen and (max-width:620px) { 
.valentinesbanner h1 { font-size:30px; line-height:40px; margin: 10px 0 0;}
.valentinesbanner h3 { font-size:19px; line-height:28px;}

.valentinesbanner  {background-size:auto 130px,100% 100%,cover;}	
}

@media only screen and (max-width:520px) { 
.valentinesbanner h1 { font-size:22px; line-height:30px; margin: 10px 0 0;}
}

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

}