*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-size: 16px;

}


.carousel{
  height: 400px;
}

body{
  
  font-family: 'Reenie Beanie', serif; 
 
 
}

.navbar-collapse {
   position:fixed;
   z-index:2;
   width: 100%;
   height:auto;

}


h2{
  border-left:solid 5px #F37125 ;
  border-right:solid 5px #F37125 ;
  padding-left:10px;
  font-family: 'Roboto', sans-serif;
  font-size:20px;
}

h2::first-letter {

  font-size:25px;
  text-decoration: underline;
  padding-left:20px;

}

h2 a{
  font-size:20px;
  text-decoration: underline;
  color: white;
}

h2 a:hover{
  text-decoration: underline;
  color: #F37125;
}

h2 a:active{
  text-decoration: underline;
  color: #F37125;
}

.titulo{
  border-left:solid 5px #F37125 ;
  border-right:solid 5px #F37125 ;
  padding-left:10px;
  padding-right: 10px;
  font-family: 'Roboto', sans-serif;
  font-size:28px;
}



.lado{
   height: 100%;
   -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
 
 
 }


p{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.tamanho{
  font-size:9px;
  font-weight: 700;
}

.sessao{
height: 1px;
}

.bot{
background-color:#F37125;
font-size: 15px;
border-radius:10px;
padding:10px;
color: white;
 
}

.cor{
color: #F37125;

}

.corbot{
  background-color:#F37125;
  color: white;
  
}

ul li{
   font-family: 'Raleway', sans-serif;
   font-size: 16px;
   color: black;
}





ul li a  {
  position: relative;
  text-decoration: none; 
  font-family: 'Raleway', sans-serif;
  text-align: center;

}


ul li a:before  {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #F37125;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

ul li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  text-decoration: none;
 
} 


ul li a:hover{
 color:#F37125;

}

.carousel-indicators li{
  background-color:#F37125;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #F37125;
}





.lista{
  width: 100px;
}