@import 'colors.css';

@media (min-width: 1080px) {

    .serv-photo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;        
        margin: 0 auto;
    }
    .serv-photo img{
        width: 80%;
    }

}

@media (min-width: 600px) and (max-width:1079px) {

    .serv-photo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;        
        margin: 0 auto;
    }
    .serv-photo img{
        width:80%;
    }

}

@media (max-width: 599px) {

    .serv-photo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;        
        margin: 0 auto;
    }
    .serv-photo img{
        width:80%;
    }


}

/* Ajustes para cuando el dispositivo esté en modo horizontal */
@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {

    .serv-photo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;        
        margin: 0 auto;
    }
    .serv-photo img{
        width:80%;
    }

}