body,html{  width: 100%;  height: 100%;}
body {
padding: 0px;
margin: 0px;
overflow: hidden;
}

#nav{ 
width: 100%;
display: flex;
position: absolute; 
z-index:5000; 
text-align: center; 
justify-content: center;
top: 40%;
}

#Dots{ 
position: absolute; 
z-index:5000;
bottom:30px; left:50%;
transform:translate(-50%,0%);    
}

.Dot{
width:8px; 
height: 8px; 
border-radius: 50%;
position: relative;
float: left; 
background-color: #fff;
opacity:1;
margin:5px; margin-bottom:0px;
cursor: pointer;
border:2.5px solid #fd4f02;
}

img{
width: 100%;
}

#prevtBtn{
display: flex;
color: #53ABE0;
font-size: 40px;
margin: 5px;
position: absolute;
left: 0px;

}

#nextBtn{
display: flex;
color: #53ABE0;
font-size: 40px;
margin: 5px;
position: absolute;
right: 0px;

}


.box {
width: 90%;
position: absolute;
text-align: center;
font-size: 40px;
color: white;
font-family:'Oswald', arial; 
top:0px;
}
.slide span{
display:block;
position:absolute;
transform:translate(-50%,-50%);
left:50%; top:45%;
}
.boton-animacion{
opacity: 0.3;
transition: all .12s ease-out;
}

.boton-animacion:hover{
opacity: 0.7;
transform: scale(1.11)
}
/*
.box:nth-child(1) {
background-color: #ff002f;
}
.box:nth-child(2) {
background-color: #00718b;
}
.box:nth-child(3) {
background-color: #4a5619;
}
.box:nth-child(4) {
background-color: #ff002f;
}
.box:nth-child(5) {
background-color: #006f73;
}
*/
@media(max-width:768px){
#nav{
top: 40%;
}
}
#logo {
border-radius: 50%; 
position:absolute;
z-index:5000;
top:20px; left:20px;
}

#DiacoDesignLink,#pens{
color: #fff;
z-index:2000;
}