/*Global Styles*/


#responsive{display: none;}


.imgclima{position:absolute; bottom:85px; right:1px; height: 90px; width: auto; opacity: 0.6;}
.imgclima2{position:absolute; bottom:13px; right:0px; height: 70px; width: auto; opacity: 0.6; display: none;}

@media (max-width: 888px) {

    .imgclima{display: none;}
    .imgclima2{display: block;}

    .menu .navbar-wrapper{
    display: none !important;
}
	
	/*header{display: none;}*/
	#responsive{display: block; 
		position: absolute;}

	.open {
    color: grey;
    font-size: 30px;
    float: left;
    padding-left: 1em;
    padding-top: 1em;
    cursor: pointer;
    display: block;
    
}
.open:hover {
    opacity: 0.8;
}


/*Tutorial Code*/

.nav {
    height: 70vh;
    position: fixed;
    z-index: 1;
    transition: 0.5s;
    background-color: rgba(255, 188, 86,0.9);
    transition: 0.5s;
    display: block;
    overflow-x: hidden;
     
    
}
.nav a {
    padding-top: 200px;
    clear: left;
    color: white;
    display: block;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    padding: 0.5em;
    
}
.nav a:not(:first-child):hover {
    background-color: #f7941d;

}
.close {
    float: left;
    font-size: 30px;
    margin: 1em 0 0 1em;
}


	
}


/*@media (min-width: 888px) {.grid{ padding-left: 35% !important; }}*/