/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@keyframes enter {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.title{

font-family: Montserrat;
font-weight: bold;
font-size: clamp(30px, 10vmin,100px);
letter-spacing: 0.04em;
line-height: calc(110/100);
margin-bottom: 2rem;

color: #fff;

}
body{
    background-image: url("./bg.jpg");
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    background-size: cover;
overflow: hidden;
 max-height: 100vh;
    height: 100vh;

}
*{
    box-sizing: border-box;
}
.l-logo img{
    
    height: auto;
}

.wrapper{
    animation:.3s enter ease-in;
    display:flex;
    flex-flow:column;
}
.container{
    margin-left:10%;
    margin-right: 10%;
    padding-top:4rem;
  
    position: relative;
    

  padding-bottom: 83px;
   display:flex;

   flex-flow:row wrap;
   height: 100vh;
}
.text{
    font-family: Montserrat;
font-weight: 600;
font-size: clamp(14px, 2.2vmin, 22px);
line-height: calc(28/22);

color: #fff;
margin-bottom: 3rem;




}
.text a {
    
        color:white;
        text-decoration: none;
    transition:.3s;
}
.text a:hover {
    color:#E9492B;
}
.text-2{
    font-family: Montserrat;

font-size: clamp(12px, 1.8vmin,18px);
letter-spacing: 0.04em;
line-height: calc(21/18);
margin-top:auto;
color: #fff;
font-weight: 400;
}
.text-2 strong{
    font-weight: 600;
}
.link{
    font-family: Montserrat;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.1em;
padding:18px 55px;
border:3px solid #E9492B;
text-decoration: none;
border-radius: 35px;
display: inline-flex;
transition:.3s background;

color: #fff;

}
.link:hover{
   background: #E9492B;
}
.l-svg{
    position: absolute;
    right:0;
    bottom:0;
    transform:translateY(50%) translateX(30%);
}
.l-svg-tactical{
   
    animation:.3s enter ease-in;
}
.l-logo{
   
    animation:.3s enter ease-in;
}
.l-button-wrapper{
    padding-bottom: 40px;
}
.l-row-top{
    width: 100%;
    display:grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: clamp(40px, 14vmin, 140px);
    
}

@media(max-width:1024px){
    .l-svg{
        opacity: 0;
        display: none;
    }
    .container{
        margin-left:20px;
        margin-right: 20px;
    }
    .l-logo img{
        max-width: 160px;
        object-fit: contain;
        height: auto;
    }
    .link{
        padding:calc(18px/1.4) calc(55px/1.4);
        font-size: 16px;
    }
    .title{
        font-size: 2rem;
    }
}

:root{
    --offset-y-top:40px;
}
@media(min-width:1650px){
    :root{
        --offset-y-top:clamp(40px, 11vh,120px);
    }
    .text{
        margin-bottom: clamp(40px, 12vmin, 130px);
    }
    .container{
        padding-top:clamp(40px, 6%, 120px);
    }
    .l-row-top{
        margin-bottom: clamp(40px, 17vmin, 176px);
    }
}