/*IPAD*/
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) {
    main h1 {
        font-size: 28px;
    }

    footer img {
        margin: 1%;
    }

    .logo {
        width: 40%;
    }

    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }
}

/*IPHONE*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    main {
        width: 100%;
    }

    main h1 {
        font-size: 28px;
    }

    .login {
        width: 100% !important;
    }

    footer img {
        width: 20%;
        max-width: 100%;
        margin: 3%;
    }

    .logo {
        width: 40%;
    }

    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }
}


/* Galaxy Phones */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    main {
        width: 100%;
    }

    main h1 {
        font-size: 24px;
    }

    .login {
        width: 100% !important;
    }

    footer img {
        width: 20%;
        max-width: 100%;
        margin: 3%;
    }

    .logo {
        width: 40%;
    }

    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }

}

/* Google Pixel Phone */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    main {
        width: 100%;
    }

    main h1 {
        font-size: 28px;
    }

    .login {
        width: 100% !important;
    }

    footer img {
        width: 20%;
        max-width: 100%;
        margin: 3%;
    }

    .logo {
        width: 40%;
    }

    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }

}

/* ----------- HTC One ----------- */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    main {
        width: 100%;
    }

    main h1 {
        font-size: 28px;
    }

    .logo {
        width: 40%;
    }


    .login {
        width: 100% !important;
    }

    footer img {
        width: 20%;
        max-width: 100%;
        margin: 3%;
    }

    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }
}

/* ----------- Windows Phone ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 480px) and (device-height: 800px) {
    main {
        width: 100%;
    }

    .logo {
        width: 40%;
    }


    main h1 {
        font-size: 28px;
    }

    .login {
        width: 100% !important;
    }

    footer img {
        width: 20%;
        max-width: 100%;
        margin: 3%;
    }

    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }
}

/*Min devices*/
@media only screen and (max-device-width : 375px) {
    main {
        width: 100%;
    }

    .logo {
        width: 40%;
    }


    main h1 {
        font-size: 28px;
    }

    .login {
        width: 100% !important;
    }

    footer img {
        width: 20%;
        max-width: 100%;
        margin: 3%;
    }


    footer img:nth-child(1) {
        width: 29%;
    }
    
    footer img:nth-child(2) {
        width: 14%;
    }
    
    footer img:nth-child(3) {
        width: 25%;
    }

    footer img:nth-child(3) {
        width: 18%;
    }
    
    footer img:nth-child(5) {
        width: 11%;
    }
    
    footer img:nth-child(6) {
        width: 30%;
    }
}