*{
	margin: 0;
}
.bg{
	height: 2000px;
	background-color: red;
}

#burguer{
}
.burguer{
	position: fixed;
	margin: 1rem 0rem 0rem 1rem;
	z-index: 999;
}
	.burguer div{
		width: 2.5rem;
	    height: 0.5rem;
	    border-radius: 1rem;
	    background-color: #dae3a5;
	    border: 1px solid #063a07;
	    margin-bottom: 0.25rem;

	}
	.tb, .mb, .bb{
		transition: all 0.1s ease-in-out 0.1s;
	}

	.tbR{
		transform: rotate(45deg) translateX(-3px)translatey(-3px);
		transform-origin: left;
		transition: all 0.1s ease-in-out 0.1s;
		border: none !important;
		background-color: #063a07 !important;
	}
	.mbR{
		width: 0 !important;
		transition: all 0.1s ease-in-out 0.1s;
		border: none !important;
		background-color: #063a07 !important;
	}
	.bbR{
		transform: rotate(-45deg) translateX(0px)translatey(1px);
		transform-origin: left;
		transition: all 0.1s ease-in-out 0.1s;
		border: none !important;
		background-color: #063a07 !important;
	}

.openMenu{
	width: 100%;
	height: 100vh;
	display: none;
}

/*----goHome----*/
.goHome{
	position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    text-decoration: none;
    overflow: hidden;
    width: fit-content;
    border: 1px solid;
    transition: all 0.5s 0s ease;	
}
.goHome span{
	margin-bottom: 0 !important;
	color: black;
	transition: all 0.5s 0s ease;
}
.goHome span i{
	margin-left: 0.5rem;
}
.goHome:hover{
	background-color: black;
	transition: all 0.5s 0s ease;
}
.goHome:hover span{
	color: white;
	transition: all 0.5s 0s ease;
}

/*----Menu Tours List----*/
.active{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../img/machupicchu-1920-1080.png);
	width: 100%;
	position: fixed;
	z-index: 99;
}
.inicio{
	display: none;
}
.logoBox{
	margin-bottom: 2rem;
}
.logoBox img{
	max-width: 6rem;
}
.menuToursBox{
	width: 80%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
}
.menuTours{
	width: 25%;
}
		.menuTours h4{
			font-size: 1.5rem;
			text-align: center;
			font-family: 'Forum', serif;;
		}
		.menuTours hr{
			background: black;
		    width: 1rem;
		    border: 3px solid black;
		    margin: 0 auto;
		    margin-top: 1rem;
		}
		.menuTours ul{
				list-style-type: none;
				padding: 0;
		}
			.menuTours ul li{
				list-style-type: none;
				padding: 0;
				margin: 1rem 0rem;
				text-align: center;
				font-size: 1rem;
			}
			.menuLink{
				text-decoration: none;
				color: black;
			}

.menuIconsBox{
	width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
	.menuIconsBox span{
		margin-bottom: 1rem;
	}
	.menuIconsBox ul{
		display: flex;
	    flex-direction: row;
	    margin: 0;
	    padding: 0;
	}
		.menuIconsBox ul li{
		    list-style-type: none;
		    margin-right: 1.5rem;
		}
			.menuIconsBox ul li:last-child{
			    list-style-type: none;
			    margin-right: 0;
			}
				.menuIconsBox ul li a{
				    font-size: 1rem;
				    color: black;
				    text-decoration: none;
				}
				.menuIconsBox ul li a i{
				    font-size: 1.5rem;
				    color: black;
				}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)  { 
.logoBox{
	margin-bottom: 2rem;
}
.menuToursBox{
	flex-direction: column;
	align-items: center;
}
.menuTours hr{
	display: none;
}
.othersBox{
	display: none;
}

.menuTours ul li {
    margin: 0.75rem 0rem;
}
.menuTours{
	width: 100%;
}
.menuIconsBox{
	margin-top: 1rem;
}
	.menuTours ul{
		display: none;
	}
.menuTours h4 {
    font-size: 1.35rem;
    padding: 1rem 0rem;
}
.menuTours h4:nth-child(1) {
    padding-top: 0;
}
.menuTours h4:nth-child(4) {
    padding-bottom: 2rem;
}
.menuIconsBox span{
	display: none;
}
.inicio{
	display: block;
}
/*----goHome----*/
.goHome{
	display: none;	
}

}