@media screen and (max-width:900px){.content{max-width:calc(100% - 110px)}.logo.mob{position:fixed;top:25px;left:40px;z-index:13;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}nav{width:100%;height:100vh;display:block;position:fixed;top:0;right:-100%;background-color:var(--primary-color);overflow:hidden;z-index:12;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}nav.show{right:0}.menu{flex-direction:column;margin-top:195px;margin-left:120px}.menu li{margin-bottom:30px}.menu li:last-child{margin-right:40px;margin-bottom:45px}.menu a{font-size:18px;color:#fff}#users{margin-right:20px}#barras-menu{display:block;cursor:pointer;width:24px;height:24px;position:relative;z-index:13}#barras-menu.close{position:fixed;top:40px;right:50px}#barras-menu span{width:100%;height:3px;background:var(--primary-color);left:0;position:absolute;right:0;top:0;bottom:0;margin:auto;transition:transform .5s linear;-webkit-transition:transform .5s linear}#barras-menu span::after,#barras-menu span::before{content:"";width:100%;height:3px;background-color:var(--primary-color);display:block;left:0;right:0;margin:auto;position:absolute}#barras-menu span::before{top:-8px;transform-origin:left top 0;-webkit-transform-origin:left top 0;transition:transform .5s ease 0s,width .5s ease 0s,top .5s ease 0s;-webkit-transition:transform .5s ease 0s,width .5s ease 0s,top .5s ease 0s}#barras-menu span::after{bottom:-8px;transform-origin:left bottom 0;-webkit-transform-origin:left bottom 0;transition:transform .5s ease 0s,width .5s ease 0s,bottom .5s ease 0s;-webkit-transition:transform .5s ease 0s,width .5s ease 0s,bottom .5s ease 0s}#barras-menu.close span{background-color:transparent}#barras-menu.close span:after,#barras-menu.close span:before{background-color:#fff;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}#barras-menu.close span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#barras-menu.close span:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}footer{padding:18px 0}footer .content{flex-direction:column}.buttons{margin-right:0;margin-bottom:15px}.privacidad{margin-bottom:15px}}@media screen and (max-width:500px){.content{max-width:calc(100% - 50px)}.logo.mob{max-width:180px}nav{max-width:305px}.menu{margin-top:150px;margin-left:50px}}