main {
    width: 100%;
    height: auto;
    background: var(--color4);
    padding: 10em 0 1em 0;
}
h1{
    font-family: LaPropia;
    color: var(--color3);
    font-size: 4rem;
    text-align: center;
}
h2{
    font-family: LaPropia2;
    color: var(--color2);
    font-size: var(--subtitle);
    text-align: left;
    margin: 2em 0 1em 5%;
    line-height: .7em;
}
main > p {
    width: 90%;
    height: auto;
    font-family: Regular-Roboto;
    color: var(--color2);
    text-align: justify;
    margin: 1em auto 1em auto;
    line-height: 1.2em;
}
@media only screen and (min-width:481px) and (max-width:768px){}
@media only screen and (min-width: 769px) and (max-width: 1279px) and (orientation: portrait){}
@media only screen and (min-width: 769px) and (max-width: 1279px) and (orientation: landscape){}
@media only screen and (min-width:1280px){}