img {
margin:auto;

}

.raf{
color:black;

}

ol{

    padding-left:40px;

}

ol li{

color:black;    
   
}

#blogmainpage{
    color:black;
}




body{

color:black;

}

h1,h2,h3,h4,h5,h6{

color:black;
margin-left:0;

}

main{

padding-left:8px;
padding-right:8px;
}

ul li{
color:black;

}
.carrusel-container{    

position:relative;
height:500px;
background:blue;
}



#plix{

position:absolute;
left:50%;
transform:translateX(-50%);
z-index:2;       
width:500px; 
top:-20px;

margin:auto;
background:transparent;
}

#plox{
   
position:absolute;
z-index:5;   
top:95px;
width:40%;
align-self:center;
left:50%;
transform:translateX(-50%);    
}

.textbannerprincipal{
display:block;
position:absolute;
background:rgba(0, 0, 0, 0.9);
width:100%;
z-index:6;
height:150px;
top:400px;;

}

#carrusel-slide img{

    object-fit:cover;
    height:500px;
    
}

.textotitulo {

    width:100%;
}
.textosubtitulo {
   padding-top:15px;
    width:100%;
}

.mainlink{

width:180px;
top:150px;
}

.maintext{

    
    color:black;

}

.buttoncontentviniloscontact{

    height:60px;

}




/* ----------------Media de 1020 px ---------------- */ 

@media (min-width:1020px){

    .carrusel-container{

        height:600px;
  
    }
   
    #plix{

       
        left:30%;
        top:60px;
      
        }


        .textbannerprincipal{
          
            width:450px;
            
            height:150px;
            top:250px;;
            
            }
            
            
            .textotitulo {
            
                width:100%;
            }
            .textosubtitulo {
                width:100%;
            }
            
            .mainlink{
            
            width:180px;
            top:250px;
            }
            
            
            
            #carrusel-slide img{

    object-fit:cover;
    height:700px;
    
}
            
            
        }
/* ----------------Media de 1400 px ---------------- */ 

@media (min-width:1400px){


.carrusel-container{

    height:600px;
}

   
    #plix{

        width:500px;  
 
              
        }




    
}