@font-face{
    font-family: gotham;
    src: url(fontes/Gotham-Book.woff2);
}

@font-face{
    font-family: gotham;
    src: url(fontes/Gotham-BookItalic.woff2);
    font-style: italic;
}

@font-face{
    font-family: gotham;
    src: url(fontes/Gotham-Light.woff2);
    font-weight: 100;
}

@font-face{
    font-family: gotham;
    src: url(fontes/Gotham-Medium.woff2);
    font-weight: 600;
}

@font-face{
    font-family: gotham;
    src: url(fontes/Gotham-Bold.woff2);
    font-weight: 900;
}

@font-face {
    font-family: shape;
    src: url(fontes/Social\ Shapes\ Regular-cb71.woff2);
}

:root{
    --yel : #f6ea57;
    --bl : #090400;
    --marge : 5vw;
    --bradius : 5px;
}

em{
    font-style: italic;
}

strong{
    font-weight: 900;
}

body{
    margin: 0 auto;
    overflow-x: hidden;
    font-family: gotham;
}




h2{
    font-weight: 900;
    width: 100%;
    text-align: center;
    font-size : 3.5vw;
    padding: var(--marge) 0;
}

h3{
    font-weight: 600;
    display: block;
    font-size: 1.5vw;
    line-height: 1.2;
}

h4{
    text-transform: uppercase;
    font-size: 1.5vw;
    font-weight: 900;
}

p{
    font-size: 1.15vw;
    line-height: 1.25;
    display: block;
}


@media (orientation:portrait){

    :root{
        --marge : 6vw;
  
    }
    

    h2{
        font-size : 8.3vw;
        padding: var(--marge) 0;
    }

    h3{
        font-size: 5vw;
    }

   

    h3 br{
        display: none;
    }

    h4{
        font-size: 5vw;
    }


    p{
        font-size: 4vw;
    }


}