body{
    background-color: #69ec92;
    color: #27D515;
    background-image: url(../images/layered-waves-haikei\ \(4\).svg), url(../images/layered-waves-haikei\ \(5\).svg),url(../images/arches.png);
    background-position: top, bottom, auto; 
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: cover, cover, auto;
}

main{
    padding-left:5vw;
    padding-right: 5vw;
    padding-top: 150px;
    padding-bottom: 150px;
    color:#0b6b00;
}
.myLogo{
    width:20vw;
}

header{
    display:grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
}

nav{
    display:inline-flex;
    flex-direction: column;
    align-items: self-end;
    padding-right:75px;
}

nav > a{
    text-align: right;
}

a{
    text-decoration: none;
    color:#27D515;
    padding-top:5px;
    padding-bottom: 5px;
}
a:visited{
    color:#38b52a;
    text-decoration: underline;
}
a:hover {
    color: #69ec92
}


h1 {
    font-size: 5em;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    /* font-optical-sizing: auto; */

}  

h2{
    font-size: 3em;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-optical-sizing: auto;
}

h3 {
    font-size: 1.5em;
    font-family: "Alata", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-optical-sizing: auto;    
}

p{
    font-family: "Alata", sans-serif;
    font-weight: 400;
    font-style: normal;  
    line-height: 1.2em;
    font-optical-sizing: auto;  
}

li{
    font-family: "Alata", sans-serif;
    font-weight: 400;
    font-style: normal;  
    font-optical-sizing: auto;  
}

.subtitle{
    padding-left: 2px;
}


header > h1{
    text-align: center;
}

.wave-transition{
    background-color: #69ec92;
    width: 100vw;

}
footer > div{
    text-align: center;
    padding-bottom: 30px;
}

footer > p {
    padding-top:30px;
    color:#0b6b00;
}
.email{
    padding-top: 30px;
    padding-bottom: 10px;
}
.email:hover{
    color: #69ec92
}

@media (max-width: 1025px) {
    main{
        padding-top: 0px;
    }

    header{
        padding-bottom: 75px;
    }

    nav{
        padding-right: 5vw;
    }
    
    nav > a > h3{
        font-size: 4vw;
    }

    h1{
        font-size:9vw;
    }
    .subtitle{
        font-size: 2vw;
    }
    a {
        font-size:2vw;
    }
    p , li{
        font-size: 3vw;
    }
    h2{
        font-size: 8vw;
    }
    h3{
        font-size: 5vw;
    }
}