/***
*  Folha de estilos para as paginas de portfolio
*/

h2 {
   margin-bottom: 30px;
   font-size: 1.2em;
   font-family: "roboto_slabregular";
}

.media {
   width: 85%;
   min-width: 290px;
}

.fixed {
   background-color: #222;
   background-position: 50% 0;
}


img {
   margin-top: -1px;
}

#secao01 {
   position: relative;
}
#secao01 .media {
   position: absolute;
   left: 200px;
}


.migalha_portfolio {
   margin-top: 80px;
   font-size: 1.6em;
   font-family: roboto_slablight;
   color: #fff;
}
.migalha_portfolio #arrow {
   display: inline-block;
   transform: rotate(90deg);
}
.migalha_portfolio span {
   font-size: 1.2em;
   font-family: roboto_slabregular;
   color: #fff;
}

.letreiro {
   margin-left: 0;
   margin-top: 70px;
   font-size: 3.3em;
   font-family: roboto_slabbold;
   color: #fff;
}


section#navega {
   width: 100%;
   padding: 60px 0;
}
section#navega a:link,
section#navega a:visited {
   margin-top: 5px;
   padding: 15px 15px 10px 15px;
   background-color: var(--vermelho);
   color: #fff;
   font-size: 1em;
}
section#navega a:hover,
section#navega a:active {
   /*color: #999;
   background-color: #f9f9f9;*/
   text-decoration: none;
}
section#navega #a1 {
   float: left;
   padding-left: 0;
}
section#navega #a2 {
   float: right;
   padding-right: 0;
}

section#navega a > span {
   display: inline-block;
   margin: 4px 0 0 0;
   text-transform: uppercase;
}
section#navega a > span.arrow {
   margin: -13px 10px 0 10px;
   color: #fff;
   font-size: 40px;
   font-family: roboto_slabbold;
}



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

   #secao01 .media {
      left: 90px;
   }

}
@media only screen and (max-width:1024px) and (orientation: landscape) {

   .letreiro {
      font-size: 3em;
   }

}


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

   .migalha_portfolio,
   .letreiro {
      display: none;
   }

}



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

   section#navega {
      padding: 30px 0;
   }

}