/******** CSS RESPONSIVE ********/

/* Usata da: Da Desktop in giù */
@media (max-width: 900px) {
}

/* Usata da: Da Tablet in giù */
@media (max-width: 640px) {
}

/* Usata da: iPhone 4/4s - iPhone 5/5s - Galaxy S5 - */
@media only screen and (min-width: 320px) and (max-width: 358px) {
}

/* Usata da: Galaxy Note 4 */
@media only screen and (min-width: 358px) and (max-width: 374px) {
}

/* Usata da: iPhone 6 */
@media only screen and (min-width: 374px) and (max-width: 400px) {
}

/* Usata da: Nexus 6P - iPhone 6 Plus */
@media only screen and (min-width: 401px) and (max-width: 470px) {
}

/* Usata da: iPhone 4/4S Landscape - */
@media only screen and (min-width: 471px) and (max-width: 560px) {
    .logo {
        max-width: 80%;
        transform: translate(5%, 0);
    }
}

/* Usata da: iPhone 5/5s Landscape */
@media only screen and (min-width: 560px) and (max-width: 598px) {
    .logo {
        max-width: 80%;
        transform: translate(5%, 0);
    }
}

/* Usata da: Nexus 7 */
@media only screen and (min-width: 599px) and (max-width: 620px) {
}

/* Usata da: Galaxy Note 4 Landscape */
@media only screen and (min-width: 620px) and (max-width: 648px) {
    .logo {
        transform: translate(8%, 0);
    }
}

/* Usata da: iPhone 6 Landscape */
@media only screen and (min-width: 648px) and (max-width: 732px) {
    .logo {
        max-width: 90%;
        transform: translate(8%, 0);
    }
}

/* Usata da: iPhone 6 Plus Landscape - Nexus 6P Landscape */
@media only screen and (min-width: 732px) and (max-width: 740px) {
    .logo {
        transform: translate(8%, 0);
    }
}

/* Usata da: iPad */
@media only screen and (min-width: 741px) and (max-width: 790px) {
    .logo {
        max-width: 80%;
        transform: translate(10%, 0);
    }
}

/* Usata da: Nexus 10 */
@media only screen and (min-width: 790px) and (max-width: 840px) {
    .logo {
        max-width: 70%;
        transform: translate(8%, 0);
    }
}

/* Usata da: Nexus 7 Landscape */
@media only screen and (min-width: 840px) and (max-width: 990px) {
    .logo {
        max-width: 80%;
        transform: translate(10%, 0);
    }
}

/* Usata da: iPad Landscape */
@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .logo {
        max-width: 55%;
        transform: translate(8%, 0);
    }
}

/* Usata da: Nexus 10 Landscape, Laptop */
@media only screen and (min-width: 1200px) and (max-width: 1290px) {
}

/* Usata da: Laptop più grandi */
@media only screen and (min-width: 1290px) and (max-width: 1600px) {
    .logo {
        max-width: 50%;
        transform: translate(10%, 0);
    }
}

/* Usata da: Desktop */
@media only screen and (min-width: 1661px) {
    .logo {
        max-width: 50%;
        transform: translate(10%, 0);
    }
}