@font-face {
font-family: flood;
src: url(/assets/fonts/flood.woff2); 
}
@font-face {
font-family: font-regular;
src: url(/assets/fonts/Montserrat-Regular.woff2); 
}
@font-face {
font-family: font-bold;
src: url(/assets/fonts/Montserrat-Bold.woff2); 
}
@font-face {
font-family: font-semibold;
src: url(/assets/fonts/Montserrat-SemiBold.woff2); 
}
body{
font-family: 'font-regular';
}
.flood{
font-family: 'flood';
}
.font-regular{
font-family: 'font-regular';
}
.font-bold{
font-family: 'font-bold';
}
.font-semibold{
font-family: 'font-semibold';
}

.header{
position: relative;
width: 100%;
aspect-ratio: 1920 / 1080;
overflow: hidden;
}

.header img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}

.header-caption{
position: absolute;
bottom: 15%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #ffffff;
}
.uppercase{
text-transform: uppercase;
}
.f1{
font-size: 4rem;
}
.mt-6{
margin-top: 2rem;
}
.round-button{
border: solid 2px #ffffff;
color: #ffffff;
text-decoration: none;
padding: 15px 20px;
display: inline-block;
border-radius: 50px;
min-width: 250px;
text-transform: uppercase;
font-family: 'font-regular';
background-color: transparent;
}

.col-left{
background-image: url('/assets/images/col-1.jpg');
background-position: center;
background-size: cover;
padding: 20px 75px;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0px;
flex-direction: column;
}
.col-right{
background-image: url('/assets/images/col-2.jpg');
background-position: center;
background-size: cover;
padding: 20px 75px;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0px;
flex-direction: column;
}
.hr{
border: solid 2px #ffffff;
width: 100%;
opacity: 1;
}
.kit-section-div{
background-image: url('/assets/images/section-2.jpg');
background-position: top center;
background-size: cover;	
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 80vh;
padding-top: 50px;
}
.col-left-border{
min-height: 300px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.col-center-border{
border-right: solid 4px #ffffff;
border-left: solid 4px #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.col-right-border{
min-height: 300px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.kit-section-downloads{
background-image: url('/assets/images/kik-section-downloads.jpg');
background-position: center;
background-size: cover;	
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
.kit-section{
background-image: url('/assets/images/kit-section.jpg');
background-position: center;
background-size: cover;	
}
.section-sumate{
background-image: 
linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url('/assets/images/section-3.jpg');
background-position: center;
background-size: cover;
padding: 50px;
}
.form-section{
background-image: url('/assets/images/section-3.jpg');
background-position: center;
background-size: cover;	
padding: 50px;
}
.form-section form{
display: flex;
align-items: center;
justify-content: space-evenly;
}
.form-section form input{
width: 100%;
background-color: #53021fbd;
border: solid 2px #ffffff;
border-radius: 30px;
padding: 10px;
color: #ffffff;
}
.form-section form input:focus-visible{
outline: none;
}
.group-input{
margin-bottom: 20px;
}
.nolink{
color: inherit;
text-decoration: none;
}
.bg-dark{
background: linear-gradient(180deg, #2b2b2b 0%, #121212 60%, #000000 100%);
background-repeat: no-repeat;
}
.header-caption-mobile{
display:none;
}
.kit-padding-top{
padding-top: 50px;
}

.header_mobile{
  display:none;  
}
.cf-turnstile{
  width:100%;
  max-width:100%;
}

.cf-turnstile iframe{
  width:100%!important;
}
.success-response{
background-color: #005f00;
padding: 20px;
margin-bottom: 20px;
border-radius: 10px;
text-align: center;
text-transform: uppercase;
font-family: 'font-bold';
}

.error-response{
background-color: #1c080b;
padding: 20px;
margin-bottom: 20px;
border-radius: 10px;
text-align: center;
text-transform: uppercase;
font-family: 'font-bold'; 
}
@media only screen and (max-width: 1516px) {
.header-caption {
    bottom: 10%;
}
}

@media only screen and (max-width: 1400px) {
.header-caption {
    bottom: 0px;
}
}

@media only screen and (max-width: 1200px) {
.f1 {
    font-size: 2rem;
}
}

@media only screen and (max-width: 1080px) {
.header-caption {
    bottom: -45px;
}
}

@media only screen and (max-width: 991px) {
.header-caption {
bottom: -80px;
}

.header_desktop{
display:none;
}
.header_mobile{
display:block;
}
.header-caption-mobile{
display: block; 
}
.header-mobile-title{
font-size: 12vw;
}
.header-mobile-subtitle{
   font-size: 10vw;
}
.header {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 1800;
    overflow: hidden;
    background: linear-gradient(180deg, #2b2b2b 0%, #121212 60%, #000000 100%);
}
}

.header-caption h5{
font-size: 18px;
}

@media only screen and (max-width: 767px) {
.col-center-border{
    border-right: solid 0px #ffffff;
    border-left: solid 0px #ffffff;
    border-bottom: solid 4px #ffffff;
    border-top: solid 4px #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.header {
    aspect-ratio: 1920 / 2000;
}
}

@media only screen and (max-width: 600px) {
.header {
    aspect-ratio: 1920 / 3000;
}
}