/*INICIO MENU*/

				.menu{
					position: relative;
					width: 100%;
					z-index: 1000;
				}				
				.menu .menu-header{
					display: none;
				}
				.menu .menu-header i{
					text-align: right;
					
				}
				.menu .menu-container{
					background: #3f3f3f;
					color: white;
					box-shadow: 0 2px 5px rgba(0,0,0,.3);
				}
				.menu .menu-container ul li{
					display: inline-grid;
					line-height: 10vh;
				}
				.menu .menu-container ul li a {
					color: rgba(255,255,255,.6);
					text-decoration: none;
					display: block;
					padding: 10px 12px;
					transition: .3s;
				}
				.menu .menu-container ul li a:hover {
					color: rgba(255,255,255,1);
				}


				@media screen and (max-width: 980px){
					header menu{
						width: 100%;
					}

					.menu-show{
						display: block;
						transition: .1s;
					}
					.menu-hide{
						display: none;
						transition: .1s;
					}
					
					.menu .menu-header{
						width: 100%;
						display: grid;
						padding: 5px;
						grid-template-columns: 1fr 1fr;
						font-size: 1rem;
						color:white;

						}
					.menu .menu-header label{
						line-height: 10vh;
					}
					.menu .menu-header label:last-child{
						text-align: right;
						font-size: 2em;
					}
					

					.content{
						min-height: auto;
					}
					
					.menu .menu-container{
						background: rgba(0,0,0,.2);
						z-index: 20000;
					}

					.menu .menu-container ul li{
					display:block;}

					.menu .menu-container ul li a{ 
						text-align: center; 
						letter-spacing: 2px;}
						.menu .menu-container ul li a:hover{
							background: rgba(0,0,0,.7);
						}
					.footer-info{
						font-size: .5em !important;
					}
					.content .promo {
						padding: 2em 5em;
						text-align: center;
						display: grid;
						grid-template-columns: 1fr 1fr;
					}					

				}

				/*FINAL MENU*/