@font-face {
font-family: Montserrat;
src: url('Montserrat-Light.ttf');
}
 body{
  height:100%; /* force the BODY element to match the height of the HTML element */
  background:#eee;
  margin: 0;
 }
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
min-height:100%; /* make sure it is at least as tall as the viewport */
position:relative;
}

.mdl-layout .mdl-layout__drawer{
  background: #696969;
}

.mdl-layout__drawer  span.mdl-layout-title {
  background: rgb(139,0,0);
  color: #ffF;
}


.mdl-layout .mdl-layout__drawer a.mdl-navigation__link {
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

.mdl-layout .mdl-layout__drawer a.mdl-navigation__link:hover {
  color: #8B0000;
}

.botaotopo {
display:scroll;
position:fixed;
bottom:10px;
right:30px;
color:#fff;
}

 .logo-header {
  background-size: cover;
  height: 40px;
  width: auto;
 }

  
        
.mdl-header{
 color: #FFF;
 background-color:#6e0101;

}

.label_top {
margin-top: 100px;
text-align: center;
display: block;
color: white;
font-size: 60px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}

.label_sub {
text-align: center;
display: block;
color: white;
font-size: 30px;
margin-top: -20px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}



.label_nfce_top {
margin-top: 70px;
text-align: center;
display: block;
color: white;
font-size: 60px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}

.label_nfce_sub {
text-align: center;
display: block;
color: white;
font-size: 35px;
margin-top: -20px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}


.label_mobile_top {
margin-top: 70px;
text-align: center;
display: block;
color: white;
font-size: 60px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}

.label_mobile_sub {
text-align: center;
display: block;
color: white;
font-size: 35px;
margin-top: -20px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}


.label_interessado_top {
margin-top: 70px;
text-align: center;
display: block;
color: white;
font-size: 60px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}

.label_interessado_sub {
text-align: center;
display: block;
color: white;
font-size: 35px;
margin-top: -20px;
font-family: "Montserrat";
text-transform: none;
line-height: 1;
}

.psubfooter{
font-size: 10px;


}
.subfooter {
    background-color: rgb(105,105,105);
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: center;
   color: #fff;
    margin: 0;
    font-size: 8px;
    line-height: 1.5;

}
.mdl-mega-footer  {
font-size: 48px;
color: #FFF;
background-color: #696969;
background-image: url(img/logo.png) ;
background-size: 265px 265px;
background-position: right bottom, left top;
background-repeat: no-repeat;


}


.mdl-navigation{
color: #fff;

}
 .mdl-layout__drawer-button {
   left: initial;
   right: 0;
   border: 1px solid #fff;

  }



.mdl-button {
  background-color: transparent;
  color: #fff;
  height: 40px;
  width: 200px;
  text-align: center;
  border: 1px solid #fff;

}


.mdl-button:hover{
 font-color : #000;

}


section {
width: 100%;
display: table;
margin: 0;
height: 90vh;
background-image:url("img/planob.jpg");
background-repeat:no-repeat;
background-size: cover;
background-position: top center;

}


.banner {
}


.banner-wrap {
width: 100%;
height: auto;
text-align: center;
position: top center;

}


.banner-mobile {

background-image:url("img/banner-mobile.jpg");
background-repeat:no-repeat;
background-size: cover;
background-position: top center;
position: relative;

}

.banner-mobile-wrap {
width: 100%;
text-align:  top center;
position: absolute;
bottom: 17em;
}


.banner-nfce {
min-height: 500px;
background-image:url("img/banner_NFC-e.jpg");
background-repeat:no-repeat;
background-size: cover;
background-position: top center;
position: relative;

}


.banner-nfce-wrap {
width: 100%;
text-align: center;
position: absolute;
bottom: 17em;
}


.banner-interessado {
min-height: 500px;
background-image:url("img/banner-interesado.jpg");
background-repeat:no-repeat;
background-size: cover;
background-position: top center;
position: relative;

}

.banner-interessado-wrap {
width: 100%;
text-align: center;
position: absolute;
bottom: 23em;
}


 img.article-image {
 width: 100%;
height: auto;

}
 

 img.article2-image {
  width: 100%;
  height: 100%;
}
 


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

section {
background-image:url("img/planob.jpg");
}


.logo-header {
  margin-left: -50px;
 
 }


}


@media all and (max-width:460px)  {

section {
background-image:url("img/planob.jpg");
}


.label_top {
font-size: 40px;

}

.label_sub {
font-size: 20px;
}




.label_interessado_top {
font-size: 46px;

}

.label_interessado_sub {
font-size: 25px;
}


}

@media all and (max-width:600px)  {

.mdl-mega-footer {
font-size: 48px;
color: #FFF;
background-color: #696969;
background-image: url(img/11.png);
background-size: 265px 265px;
background-position: right bottom, left top;
background-repeat: no-repeat;
}

}


.mdl-card  {
size: auto;

}


.mdl-card--border {
background-color: #696969;


}

.portfolio-card .mdl-card__title {
  padding-bottom: 0;
}

.mdl-card__actions {
  display: none;
  box-sizing:border-box;
  align-items: center;
}



.no-padding {
  padding: 0;
}

.mdl-card__supporting-text{
font-size: 16px;
font-family: "Montserrat";
line-height: 1.5;
color: #1C1C1C;
}

.mdl-typography--headline {
font-size: 36px; 
font-family: "Montserrat";
line-height: 1.5;

}


.no-left-padding{
  padding-left: 0;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.padding-top {
  padding: 10px 0 0;
}

.mdl-card__title-text {
color: black;
font-size: 36px;
font-family: "Montserrat";
line-height: 1.5;
}


.portfolio-max-width {
  max-width: 100%;
  margin: auto;
}