@media screen and (max-width: 800px){

	header{
		transition: all .3s ease;
	}

	.headerSticky{
	   	height: 3em;
	}
	
	.navMenu{
	    margin: 0;
	    position: fixed;
	    background-color: white;
	    right: 0;
	    height: 100%;
	    width: 70%;
	    top: 0;
	    padding: 0 3em 3em 3em;
    	box-sizing: border-box;
    	transition: all .5s ease;
	}

	.navMenu ul{
		display: flex;
    	flex-direction: column;
	}

	header .navMenu ul li{
		height: 3.5em;
    	background-color: #FFFFFF;
    	width: 100%;
    	border-bottom: solid .05em black;
	}

	header .navMenu ul li a{
		margin-left: .5em;
		text-decoration: none;
		color: black;
		cursor: pointer;
	}

	header .navMenu img{
		width: 2.5em;
		height: 2.5em;
		display: block;
	}

	.imgDesp{
	    height: 5em;
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	    margin-right: 3em;
	    z-index: 99;
	}

}


@media screen and (max-width: 320px){
	.misDatos .nombre{
		font-size: 1.8em;
	}
}