/*Menu*/
.main_menu{position: relative; height: 80px; background: rgba(62,62,62,0.5); position: fixed; z-index: 99;}
.menu_logo a{position: absolute; width: 80px; height: 100%; background: url(../img/logo-vrd-w200px.png) left center no-repeat; background-size: auto 70%;}

.main_nav{width: auto;}
.main_nav li{display: inline-block; position: relative;}
.main_nav li:hover{background-color: rgba(62,62,62,0.5); cursor: pointer;}
.main_nav a{float: left; padding: 29px 20px; color: #b7c72c; text-transform: uppercase;}

.nav {overflow: hidden; width: 100%;}
.nav_toggle{display: none; float: right; font-size: 1.5em; margin: 28px 0;}

/*Elementos*/
.main_logo, .slogan{text-align: center;}
.main_logo img{max-height: 25vh; max-width: 70%;}
.slogan img{max-height: 10vh; max-width: 60%;}
.slogan{margin-top: 10vh;}

/*Portfolio*/
.portfolio-principal{
    min-height: 100vh;
}
.btn_portfolio{
    text-align: center;
}

.portfolio_feed label{display: block; color: #e2e4e7; font-size: 0.85em; margin: 5px 0;}
.portfolio_feed .fa{font-size: 1.5em; vertical-align: middle; margin: 0 5px;}

/*Portfolio Single Page*/
.portfolio_single{text-align: center;}
.portfolio_title{margin: 90px 0 10px 0; font-weight: lighter; font-size: 2em; text-transform: uppercase; line-height: 1.0;}
.portfolio_feed li{margin-bottom: 30px;}

/*Contato*/
.info_contatos{font-size: 1.3em; font-weight: lighter;}
.status_email{vertical-align: middle; color: #b7c72c; margin-left: 20px; padding-top: 12px;}

/*404*/
.not_found h1{font-size: 3em; color: green; text-transform: uppercase; font-weight: lighter;}

/*Footer*/
.main_footer{text-align: center;}
.main_footer p{font-size: 0.75em; margin: 30px 0; color: #e2e4e7;}


/*MEDIA QUERIES*/
/*Menu*/

@media only screen and (max-width: 768px){
    .main_nav li{display: none; float: left; font-size: 0.8em;}
    .main_nav li a{padding: 5px;}
    .nav{background: rgba(62,62,62,0.5);}
    .nav_toggle{display: block;}
    /*.drop{heigth: 50px; position: relative; z-index: 2;}*/
    
    .fb-sobre{display: none;}
    .info_contatos{display: none;}
}