@charset "utf-8";
/* CSS Document */

button[name='btm']{outline: none; font: 300 18px 'Oswald', sans-serif; text-transform: uppercase; border: 1px solid #555; padding: 10px 25px; background: transparent; cursor: pointer; }
button[name='btm']:hover{ background: black; color: white; }
#mostra { display: none; position: absolute; right: 0; top: 50px; background: white; border: 1px solid #555; padding: 5px; }

.mainMenu{ list-style: none; position:relative; }
.mainMenu li{ min-width: 180px;  }
.mainMenu a{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
.mainMenu a{ padding: 15px; box-sizing: border-box; display:block; margin: 0; text-align: right; color: black; text-transform: uppercase; font-size: 13px; }
.mainMenu a:hover{ color: white; background: black; }

.mainMenu2 select{ display:none; width:98%; background:whiteSmoke; margin:10px auto; padding:20px; border-radius: 3px; font:400 2rem 'Cuprum', sans-serif; text-transform: capitalize; color:grey; }

@media screen and (max-width:420px) {
   button[name='btm']{ display: none ; }
/*    .mainMenu{ display:none !important; }*/
    .mainMenu2 select{ z-index:999; display:block; outline:none; position:relative;  }
}