/*.#####...#####..#.....#..#####.....#######.#######..#####..#.....#..*/
/*#.....#.#.....#.##....#.#.....#.......#....#.......#.....#.#.....#..*/
/*#.......#.......#.#...#.#.............#....#.......#.......#.....#..*/
/*.#####..#.......#..#..#.#.............#....#####...#.......#######..*/
/*......#.#.......#...#.#.#.............#....#.......#.......#.....#..*/
/*#.....#.#.....#.#....##.#.....#.......#....#.......#.....#.#.....#..*/
/*.#####...#####..#.....#..#####........#....#######..#####..#.....#..*/
/*                                                                    */
/*                      Created by: SCNC Tech, LLC                    */
/*                       More info at scnctech.com                    */
/*                   or email us at info@scnctech.com                 */
/*....................................................................*//*NAVBAR*/ div.boton-menu { position: fixed; top: 10px; right: 10px; padding: 4px 8px; /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ /*background: rgba(255, 255, 255, 0.6);*/ z-index: 2; } nav.main-nav-mobile { opacity: 0; height: 0; width: 100%; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ right: 0; top: 0; background-color: rgb(0, 0, 0); /* Black fallback color */ background-color: rgba(0, 0, 0, 0.9); /* Black w/opacity */ overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; } nav.main-nav-mobile a { color: white; display: block; width: 100%; font-size: 2em; padding: 20px 0px; font-family: 'Quicksand', sans-serif; text-decoration: none; } nav.mostrando-menu { /* width: 100%; */ height: 100vh; opacity: 1; } .linea1, .linea2, .linea3 { width: 35px; height: 5px; /*border: 0.2px solid #333333;*/ background-color: #ffffff; margin: 6px 0; transition: 0.4s; } .mostrando-menu .linea1 { background-color: #ffffff; transform: rotate(-45deg) translate(-9px, 6px); } .mostrando-menu .linea2 { opacity: 0; } .mostrando-menu .linea3 { background-color: #ffffff; transform: rotate(45deg) translate(-8px, -8px); } @media only screen and (min-width: 75em){ div.boton-menu{ display: none; } }