body{
    background-color: #ebede8;
    /* background: linear-gradient(180deg, #1E3954 0%, #036 100%);
    color:#fff; */
    font-family: "Archivo",system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:18px;
    line-height:30px;
    padding:0;
    margin:0;
}

nav{    
    font-size: 16px;
    font-weight: bold;;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #1D3E42;
}
nav img{
    padding:0 12px 0 32px;
}
nav ul{
    display: inline;
}
nav li{
    font-weight: 300;
    display: inline;;
    padding-left: 32px;
}


header{
    background: linear-gradient(180deg, #E9EBE7 0%, #F2F4F0 49.81%, #E5E8E3 63.46%, #D5DBD4 71.95%, #CCD1C9 83.03%, #CDD1CA 100%);
    display: flex;
    flex: 1 0 0;
}

header .content{
    padding-top:26vh;
    padding-left:120px;
}

header .media{
    height:80vh;
}
header .media img{
    max-height:100%;
    
}

header .buttons{
    margin-top:2.8em;
}

h1{
    font-size: 3em;  
    line-height:1.1em;
    font-family: 'Archivo Black', sans-serif;  
}



h2{
    font-size:2em;
    line-height:1.2em;
    font-family: 'Archivo Black', sans-serif;
}

header h1{
    font-family: 'Archivo Black', sans-serif;
    font-weight: 400;
}

header h2{
    font-size:1.2em; 
    line-height:1.4em; 
    font-family: Archivo;
    font-weight: normal;
}

section h3{
    font-size:1.6em; line-height: 1.2em; font-weight: normal;
}

section.textonly{
    width:66vw;
    margin:auto;

}

section.textonly h2{
    font-size:48px;
    font-family: "Archivo Black";
}

a.btn{
    font-size:16px;
    padding:12px 72px;
    border-radius: 4px;
    border: 2px solid #1D3E42;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    text-decoration: none;
    color:#1D3E42;
    min-width:250px;
}

a.btn.btn_primary{
    background: linear-gradient(180deg, #1D3E42 0%, #1D3E42 0.52%, #2C545D 57.29%);
    color: #F7F6F5;
    letter-spacing: 0.8px;
}

section{

    padding:40px 120px;
}

section.textmedia{
    display: flex;
    flex: 1 0 0;
    gap:80px;
}

section.textmedia h3{
    font-size:24px;
    font-weight: bold;
}

section.textmedia:nth-child(odd){
    display: flex;
    flex-direction: row-reverse;
    flex: 1 0 0;
    gap:80px;
}

section.textmedia img{
    max-width:100%;
    
}

section.actionsection{
    background: linear-gradient(180deg, #F8CE7E 0%, #FCD88D 100%);
    display:flex;
    padding-top: 80px;
    padding-bottom: 80px;
    flex:1 0 0;
    flex-direction: row;
    justify-content: space-evenly;
    gap:240px;
}

.actionsection h3{
    font-size:36px;
    font-weight: bold;
}

.actionsection form{
    width:380px;   
}

.actionsection form input{
    font-size:18px;
    color:#173038;
    padding:15px 20px;
    display: block;
    width:100%;
    border:0;
    border-radius: 4px;;
}
.actionsection form input[type="submit"]{
    background: linear-gradient(180deg, #030D17 0%, #1D3E42 0.52%, #2F4B61 76.56%);
    font-size:18px;
    color:#F7F6F5;
    padding:15px 20px;
    display: block;
    width:100%;
    margin-top:25px;
}


footer{
    background: linear-gradient(180deg, #131F26 0%, #173038 100%);
    display:flex;
    flex-direction: row;
    flex:1 0 0;
    flex-wrap: nowrap;
    justify-content: space-between;    
    color:#F7F6F5;
    padding: 10px 120px;
}

footer nav{
    border:0;
}
footer nav a{
    color:#F7F6F5;
    text-decoration: none;
    font-weight: 300;
    padding: 0 20px;
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
    section{
        padding:40px 35px;
    }
    section.actionsection{
        padding:60px 35px;
        gap:40px;
    }
}
@media screen and (max-width: 800px) {
    header{        
        flex-direction: column-reverse;
        padding-bottom:35px;
    }
    header .media{
        height:auto;
    }
    header .content{
        padding:0 35px;
        width:100%;
        height:auto;
    }

    header img{
        max-width:100%;
    }
    section{
        padding-left:35px;
        padding-right: 35px;
        padding-bottom:20px;
    }
    section.textonly{
        width:unset;
    }
    section.textmedia{
        flex-direction: column-reverse;
        gap:15px;
    }
    section.textmedia:nth-child(odd){
        flex-direction: column-reverse;
        gap:15px;
    }

    a.btn{
        text-align: center;
        padding-left:20px;
        padding-right:20px;
        display: inline-block;        
        margin: auto;
    }
    section.actionsection{
        padding:80px 35px;
        flex-direction: column;
        gap:35px;
    }
    section.actionsection form{
        width:100%;
    }
    section.actionsection input{
        width:calc(100% - 40px);
    }
  }