body{
    font-family: 'Raleway', sans-serif;
}
h1{
  font-family: 'Oswald', sans-serif;
    font-weight: normal;
}
h2{
  font-family: 'Oswald', sans-serif;
    font-weight: normal;
    color: #282213; 
}
h3{
   font-family: 'Oswald', sans-serif;
    font-weight: normal;
    color: #000;
    font-size: 1.0rem;
}

p{
    line-height:150%;
    color: #282213;
    font-size: 1.2rem;
}
#conteudo{
    
}
.btn-primary{
    background-color: #0091BD; 
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
}
.btn-primary:hover{
    background-color: #282213;
}
.icon{
    font-size: 3.0rem;
     color: #282213;
}
.icontx{
    font-size: 0.8rem;
     color: #282213;
}
.menu{
    z-index: 1300;
}
.shadowt{
    text-shadow: 2px 2px 4px #000000;
}
#logo{
    width: 300px;
    margin: 0 auto;
}
#cabecalho-cel{
    background-image: url(../images/fundo-papel-cell.jpg);
    background-position: center center;
    background-size:cover;
    }
#logo-cel{
  
}
.carousel-caption{
   
}


.card{
    border: none;
-webkit-box-shadow: 3px 3px 13px 0px rgba(50, 50, 50, 0.89);
-moz-box-shadow:    3px 3px 13px 0px rgba(50, 50, 50, 0.89);
box-shadow:         3px 3px 13px 0px rgba(50, 50, 50, 0.89);
background-color: #fff   ;
}

.fblack{
    background-color: #20202F;
}




#ft1{
    height: 500px;
    background-image: url(../images/ao-ar-livre.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position:  center center;
}
#historia{
    background-image: url(../images/fundo-madeira.jpg);
    background-size: cover;
    background-position: top center;
}

#produtos{
    
}
#instagram{
    min-height: 500px;
    background-image: url(../images/fundo-madeira-branco-g.jpg);
    background-size:cover;
}
#rodape{
    background-color: #0091BD;
    color: #ffffff;
}
#rodape a{
    color: #ffffff;
}

/*ANIMAÇÕES*/


.anime-left {
	opacity: 0;
	transform: translate3d(-50px,0,0);
	transition: .7s;
}

.anime-start-left {
	opacity: 1;
	transform: translate3d(0,0,0);
}

.anime-right {
	opacity: 0;
	transform: translate3d(50px,0,0);
	transition: .7s;
}

.anime-start-right {
	opacity: 1;
	transform: translate3d(0,0,0);
}
.anime-alpha {
	opacity: 0;
	transition: .7s;
}

.anime-start-alpha {
	opacity: 1;
}
@media (max-width: 480px) {
    
    body{
        font-size: 1.0rem;
    }
    
    .icon{
    font-size: 1.5rem;
     color: #282213;
}
.icontx{
    font-size: 0.8rem;
     color: #282213;
}
    #ft1{
       height: 200px;
    } 
}
@media (max-width: 762px) {    
#logo{
width: 300px;
    }
}