.menu{
    background:rgba(0,0,0,0.5);
    border: 2px solid #fff;
    letter-spacing: 1px;
}
header{
    background:url(../imagenes/reloj27.png);
    background-position: center;
    background-attachment: contain;
    background-size: cover;
    display: flex;
    flex-flow: column nowrap;
    border: 1px solid #fff;
    
}

.facebook a:hover{
    color: -0.1px 1px#Fff;
    size: 30px;
    text-shadow: blue;

}

.instagram a:hover{
    color: #FF00BF;
    text-shadow: -1px 1px#FF00BF;
}

.youtube a:hover{
    color: red;
    text-shadow: -1px 1px#000;
}
.bienvenidos{
    color: #fff; 
    text-shadow: -1px 1.5px#000000; 
    font-family: 'Bree Serif', serif;
    text-align: center;     
}
.social{
    font-size: 35px;
}
    
footer{
    
    color: #fff;
    border: 2px solid #fff;
    letter-spacing: 1px;
    font-size:0.8rem; 
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
}
.secciones{
    color:#fff;
    text-align: center;
}

.secciones a:hover{
    filter: drop-shadow(15px 5px 10px blue); 
}
.marcasrelojes{
    color:#fff;
    text-align: center;
    letter-spacing: 2px;
}

.marcasrelojes a:hover{
    filter: drop-shadow(15px 5px 10px blue) brightness(85%); 
}
.relojes{
    color: #fff;
    text-align: center; 
    margin: 30px;
}
.slider img{
    width: auto;
    height: auto;
}
.descripcion{
    color: #fff;
    background: url(../imagenes/reloj21.jpg) ;
}
.columnauno{
    font-size: 1.3rem;
    font-weight: bolder;
    letter-spacing: 1;
    text-shadow: -0.8px 3px #000;
}


.titulo{
    font-size: 2rem;
    text-shadow: -1.5px 1px#000;
    
}
.subtitulo{
    font-size: 1.8rem;
    
}
.titulo2{
    font-size: 1.5rem;
    font-weight: bolder;
    text-shadow: -1.5px 1px#000;
}
.preciopesos{
    font-size: 1.4rem;
    text-shadow: -1.5px 1px#000;
}
.preciooriginal{
    font-size: 1.3rem;
    text-shadow: -1.5px 1px#000;
}
.mediados img {
    width: 200px;
    height: 200px;
}
.mediatres img {
    width: 90px;
    height: 90px;
    border-radius: 10%;
}
.mediacuatro img {
    width: 200px;
    height: 200px;
    border-radius: 8%;
}

.bigicon {
    font-size: 35px;
    color:white;
}
.iconfoot i i2{
    color: green;
}
.advertencia{
    text-shadow: -2.0px 1px#000;
    background: url(../imagenes/reloj36.jpg) ; 
}
.advertencia h1{
    color: red;
}
.descripcion25{
    color: #fff;
    background: url(../imagenes/reloj35.jpg) ;
    text-shadow: -2.0px 1px#000;
}
.datos {
    background: url(../imagenes/reloj21.jpg) ;
}
/* mis media  */


@media (max-width: 1400px){
    .carousel {
        width: 70%;
        display: inline-flex;
      }
    .descripcion{
        list-style: none;
    } 
}

@media (max-width: 700px){
    .carousel {
        width: 100%;
      }
    .titulo{
    font-size: 1.5rem;
    }
    .subtitulo{
     font-size: 1.2rem;  
    }
    
    .titulo2{   
    font-weight: bold;
    font-size: 1.3rem;
    }
    .preciopesos{
    font-size: 1.2rem;
    }
    .preciooriginal{
    font-size: 1rem;
    }
    .card-body{
    width: 100%;
    padding: 0%;
    }
    .descripcion{
    padding: 0%;
    }
    .columnauno{
    padding: 2% 5%;        
    }    
}
            

@media (max-width: 450px){
    
    .titulo{
    font-size: 1.2rem;
    }
    .subtitulo{
    font-size: 1rem;  
    }
    .titulo2{   
     display: none;
    }
    .preciopesos{
    font-size: 1rem;
    font-weight: bold;
    }
    .preciooriginal{
    font-size: 0.8rem;
    } 
    .siguenos{
    display: none;
    }   
    .columnauno{
    font-size: 0.9rem;
    font-weight:bold;
    letter-spacing:2;       
    } 
    .btn-outline-primary{
    padding: 0.5%;       
    }
}

@media (max-width: 400px){
     .descripcion{
         background: rgb(7, 109, 128);
     }
     .columnauno{
        text-shadow: -0.8px 1px #000;
     }
}
@media (max-width: 300px){
    
    .titulo{
    font-size: 1rem;
    }
    .subtitulo{
    font-size: 0.8rem;}
    .relojes{
    margin: 1px; }
    
    .columnauno{
    font-size: 0.7rem;
    } 
}

@media (max-width: 250px){
    section{
        margin: 0%;
        padding-inline-end: 0%;
}
}