@font-face {
    font-family: 'gilmer_regular';
    src: url('/assets/fonts/gilmer_regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/gilmer_regular-webfont.woff') format('woff');
    font-style: Sans-serif;
}
@font-face {
    font-family: 'gilmer_heavy';
    src: url('/assets/fonts/gilmer_heavy-webfont.woff2') format('woff2'),
         url('/assets/fonts/gilmer_heavy-webfont.woff') format('woff');
    font-style: Sans-serif;
    font-weight: 800;
}


 
  body, p{
    font-family: 'gilmer_regular' , Sans-serif;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
}

h4{
    font-family: 'gilmer_regular' , Sans-serif;
}
h1{
    font-family: 'gilmer_heavy' , Sans-serif;
    font-weight: 800;
    font-size: 60px;
    text-transform: uppercase;
}



.full-screen-section {
    height: 100vh; /* 100% of the viewport height */
    width: 100%;
    overflow: hidden; /* Prevent overflow issues */
    position: relative; /* Make this relative so the text can be positioned absolutely */
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.full-screen-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white; 
    z-index: 1; 
}
/* 
.full-screen-text h3, .full-screen-text h1, .full-screen-text p, .full-screen-text a {
    margin: 10px 0;
} */

.full-screen-text a {
    color: white;
    text-decoration: none;
}

.button-link {
    font-family: "gilmer_regular", Sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #FEFEFE;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 01px 01px 01px 01px;
    border-color: #FFFFFF;
    border-radius: 09px 09px 09px 09px;
    padding: 015px 025px 015px 025px;

}
/* .button-link:hover {
    background-color: #333; 
} */
 .sub-head{
    margin-bottom: 20px;
 }
 p.cont-text
 {
    margin-bottom: 20px;
 }
.heading
 {
    margin-top: 30px;
    margin-bottom: 20px;
 }

 @media only screen and (max-width:769px) {
    h1{
        font-size: 35px;
    }
    body, p {
        line-height: 28px;
    }
    
 }