*{
   margin: 0px;
   padding: 0px;
}

html,body{
    height: 100%;
}

/* Importar tipografias */
@font-face {
    font-family: futurist;
    src: url(../tipografias/FUTRFW.TTF);
}

@font-face {
    font-family: montLight;
    src: url(../tipografias/Mont-ExtraLightDEMO.otf);
}

@font-face {
    font-family: montHeavy;
    src: url(../tipografias/Mont-HeavyDEMO.otf);
}


/* Estilo */
body{
    display: flex;
    align-items: center;
}


.scandalIMG{
    width: 45%;
    height: 45%;
}


h2{
    font-family: futurist;
    font-size: large;
}


h3{
    font-family: futurist;
    font-size: large;
}

.correo{
    font-family: montHeavy;
    font-size: large;
    margin-top: 2%;
    margin-bottom: 2%;
}


/* flexbox */
main{
    display: block;
    flex-direction: row-reverse;
    text-align: center;
    margin-bottom: 5%;
}

footer{
    display: block;
    flex-direction: row-reverse;
    text-align: center;
    margin-top: 2%;
}


/* Breakpoints */
@media (max-width:1025px) {
    h2{
        font-size: medium;
    }
}

@media (max-width:768px) {
    h2{
        font-size: small;
    }

    .scandalIMG{
        width: 50%;
        height: 50%;
    }
}


@media (max-width:428px) {
    .scandalIMG{
        width: 70%;
        height: 70%;
    }

    h2{
        font-size: 9px;
    }

    h3{
        font-size: small;
    }
    
    .correo{
        font-size: small;
    }
}


@media (max-width:376px) {
    .scandalIMG{
        width: 80%;
        height: 80%;
    }

    h2{
        font-size: 9px;
    }
}


@media (max-width:324px) {
    .scandalIMG{
        width: 90%;
        height: 90%;
    }

    h2{
        font-size: 7px;
    }
}