*{
box-sizing:border-box;
}
body{
margin:0;
font-family:"Helvetica";
}
a{
text-decoration:none;
}
.logo path{
pointer-events:none;
fill:none;
stroke-linecap:round;
stroke-width:7;
stroke:#fff;
}
.navbar-items-c{
display:inline-block;
float:right;
}
.navbar-menu{
padding:10px 0;
display:block;
float:right;
margin:10px 0 0 0;
}
.navbar-menu-link{
margin:0;
color:inherit;
text-decoration:none;
display:inline-block;
padding:10px 15px;
}
.elemento_menu{
text-transform:uppercase;
font-size:12px;
font-weight:300;
padding:15px 20px 15px 20px;
color:#ffffff;
transition:all 0.6s ease;
}
.elemento_menu:hover{
background-color:rgba(255,255,255,0.2);
border-radius:5px 5px 5px 5px;
transition:all 0.6s ease;
}
.navbar-burger{
margin:10px 0;
width:45px;
padding:5px 10px;
display:none;
float:right;
cursor:pointer;
}
.navbar-burger-line{
padding:1px;
background-color:white;
margin:5px 0;
}
@keyframes fadeEffect{
from{
opacity:0;
}
to{
opacity:1;
}
}
@media (max-width: 1260px){
.elemento_menu{
padding:15px 10px !important;
}
}
@media (max-width: 1100px){
.navbar-items-c{
top:67px;
display:none;
float:right;
position:absolute;
right:0px;
background:#53a8ee;
width:auto;
}
.navbar-menu{
width:100%;
}
.navbar-menu-link{
display:block;
}
.navbar-burger{
display:block;
}
}
@media (max-width: 992px){
.navbar-burger{
margin:20px 0 0 0;
}
}
@media (max-width: 480px){
.navbar-burger{
margin:10px 0 0 0;
}
}