#unity-container {
   position: absolute;
}


#carr1 {
    box-sizing: border-box;
    transition: 500ms;
    filter: grayscale(100%);
    border: 30px solid rgba(0, 0, 0, 0);
   
}



#carr2 {
    box-sizing: border-box;
    transition: 500ms;
    filter: grayscale(100%);
   
    border: 30px solid rgba(0, 0, 0, 0);
    
    
}

#nav1 {
    transition: 200ms;
    background-color: #ffffff;
    border: 10px solid rgba(0, 0, 0, 0);
}

#nav1:hover{
    transition: 200ms;
    background-color: rgb(118, 117, 117);
    border: 0px solid rgba(0, 0, 0, 0);
}

#nav2 {
    transition: 200ms;
    background-color: #ffffff;
    border: 10px solid rgba(0, 0, 0, 0);
}

#nav2:hover{
    transition: 200ms;
    background-color: rgb(118, 117, 117);
    border: 0px solid rgba(0, 0, 0, 0);
}

#nav3 {
    transition: 200ms;
    background-color: #ffffff;
    border: 10px solid rgba(0, 0, 0, 0);
}

#nav3:hover{
    transition: 200ms;
    background-color: rgb(118, 117, 117);
    border: 0px solid rgba(0, 0, 0, 0);
}

#nav4 {
    transition: 200ms;
    background-color: #ffffff;
    border: 10px solid rgba(0, 0, 0, 0);
}

#nav4:hover{
    transition: 200ms;
    background-color: rgb(118, 117, 117);
    border: 0px solid rgba(0, 0, 0, 0);
}

#bot1 {
    opacity: 0.1;
}

#bot2 {
    opacity: 0.1;
}

ul {
    
    list-style: none;
}

#centro {
    box-sizing: border-box;
    padding: 0px;
}

#video {
    border: 30px solid rgba(0, 0, 0, 0);     
}



@media (min-width: 1920px){
    #carr1 {
        box-sizing: border-box;
        transition: 500ms;
        filter: grayscale(100%);
        border: 50px solid rgba(0, 0, 0, 0);
        
    }
    
    #carr1:hover {
        box-sizing: border-box;
        transition: 500ms;
        filter: grayscale(0%);
        border: 0px solid rgba(0, 0, 0, 0);
        
        
    }
    
    #carr2 {
        box-sizing: border-box;
        transition: 500ms;
        filter: grayscale(100%);
       
        border: 50px solid rgba(0, 0, 0, 0);
         
    }
    
    #carr2:hover {
        box-sizing: border-box;
        transition: 500ms;
        filter: grayscale(0%);
        border: 0px solid rgba(0, 0, 0, 0);
        
        
    }  

    .carr3 {
        box-sizing: border-box;
        transition: 500ms;
        filter: grayscale(100%);
        border: 50px solid rgba(0, 0, 0, 0);
        
    }
    
    .carr3:hover {
        box-sizing: border-box;
        transition: 500ms;
        filter: grayscale(0%);
        border: 0px solid rgba(0, 0, 0, 0);
        
        
    }
    
    


    
}