@media (max-width: 1920px){
.Serv 
{
font-size: 60px;
font-family: "Montserrat", sans-serif;
}

.PServ 
{
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding-top: -25px;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

.Servicios
{
    display: flex;
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
    max-width: 1920px;
    
}

.Item
{
display: flex;
align-items: center;
text-align: center;
justify-content: center;
justify-items: center;

}

.ItemText {
    display: flex;
    flex-direction: column;
    width: 545px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: rgb(29, 29, 31);
    color: white;
    height: 380px;
}

.ItemText1 {
    display: flex;
    flex-direction: column;
    width: 545px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: rgb(29, 29, 31);
    color: white;
    height: 380px;
    border-top-right-radius: 5%;
}

.ItemText2 {
    display: flex;
    flex-direction: column;
    width: 545px;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: rgb(29, 29, 31);
    color: white;
    height: 380px;
    border-bottom-left-radius: 5%;
}

.ItemText h2
{
font-size: 32px;
max-width: 400px;
}

.ItemText1 h2
{
font-size: 32px;
max-width: 400px;
}

.ItemText2 h2
{
font-size: 32px;
max-width: 400px;
}


.Item img
{
max-width: 545px;
height: 380px;
}

.Item p{
font-size: 16px;
max-width: 400px;
}


.RolImg{
    border-top-left-radius: 5% ;
}

.DiamImg {
border-bottom-right-radius: 5%;
}

.Somos {
    text-align: center;
    justify-content: center;
}

.Somos h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 60px;
}

.Somos p {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-style: justified;
}

.Somos {
    background-image: url("/Botones relojes/Images/pexels-shish-jewels-1097890791-33140532.jpg");
    background-size: 100%;
}

.SomosText {
    padding-top: 5px;
    width: 650px;
    padding-left: 50px;
    padding-bottom: 20px;
    text-align: justify;
    color: white;
    line-height: 50px;
    animation: FadeIn 1s ease-out;
}

.ServFondo {
    padding-bottom: 40px;
}

}

@media (max-width: 760px){ /*Telefono*/

body{
        background-color: white;
        max-width: 760px;
        width: auto;
        overflow-x: hidden;
    }

.Serv 
{
font-size: 36px;
font-family: "Montserrat", sans-serif;
background-color: white;

}

.PServ 
{
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    background-color: white;
}

.Servicios
{
    display: flex;
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
    max-width: 760px;
    width: auto;
    
}

.Item
{
order: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
justify-items: center;

}

.Item .ItemText {
    order: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: rgb(29, 29, 31);
    color: white;
    height: 250px;
}

.Item .ItemText1 {
    order: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: rgb(29, 29, 31);
    color: white;
    height: 250px;
}

.Item .ItemText2 {
    order: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-color: rgb(29, 29, 31);
    color: white;
    height: 250px;
}

.ItemText h2
{
font-size: 32px;
max-width: 400px;
}

.ItemText1 h2
{
font-size: 32px;
max-width: 400px;
}

.ItemText2 h2
{
font-size: 32px;
max-width: 400px;
}


.Item img
{
width: 100%;
max-width: 100%;
height: auto;
}

.Item p{
font-size: 16px;
max-width: 400px;
}


.Item .RolImg{
    order: 1;
}

.Item .DiamImg {
    order: 1;
}

.Somos {
    text-align: center;
    justify-content: center;
}

.Somos .SomosText h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 40px;
}

.Somos .SomosText {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 40px;
    font-style: justified;
}

.Somos {
    background-color: black;
    background-image: none;
}

.Somos .SomosText {
    padding-top: 5px;
    max-width: 760px;
    width: auto;
    width: auto;
    padding-bottom: 20px;
    text-align: justify;
    justify-content: center;
    color: white;
    line-height: 50px;
    animation: FadeInNoMove 1s ease-out;
}

.Somos .SomosText p{
    font-size: 20px;
}

.ServFondo {
    padding-bottom: 40px;
}

}

@keyframes FadeInNoMove
{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes FadeIn
{
    0%{opacity: 0; transform: translate(-200px);}
    100%{opacity: 1;transform: translate(0);}
}