@font-face{
	font-family: 'Lucette';
	src: url("font/Lucette-Regularitalic.otf");
}


@font-face{
	font-family: 'National Park';
	src: url("font/NationalPark-Regular.otf");
}

*{
	margin: 0;
    box-sizing: border-box;
    padding: 3px;
}

#content{
    display: flex;
    flex-direction: column; 
    height: 100vh;
    justify-content: space-between;
    overflow-wrap: break-word;
    hyphens: auto;
    hyphenate-character: "—";
}

h1{
    font-family: "National Park";
    font-weight: lighter;
    font-size: 3.8em;
}

h2{
    font-family:"Lucette";
    font-weight: lighter;
    font-size: 2em;

}

#contact{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: "National Park";
}

.text{
    font-family: sans-serif;
    font-size: 1em;
}

#eng{
    font-size: 0.75em;}


 /*styles*/
#eng a{
        text-decoration: underline;
        color: black;
    }

.text a{
     color: rgb(11, 110, 17);
    text-decoration: none;
    }

.text strong{
    color:rgb(11, 110, 17);
    font-weight: initial;
    }

#contact a{
    text-decoration: none;
    color: black;
}


/*ordi - 1*/
@media only screen and (min-width: 601px) {

    .text{
        width: 75%;
    }

}


/*ordi - 2*/
@media only screen and (min-width: 1000px) {

    .text{
        width: 50%;
    }

    #contact{
        font-size: 0.8em;
    }
}