@import url('https://fonts.googleapis.com/css?family=Cabin|Open+Sans');



/* General Settings */

* {margin: 0; padding: 0}
html, body{height: 100%; width: 100%}
body{background: #b5b0a8; font-size: 12.5px !important; font-family: 'Open Sans', sans-serif !important; position: relative}

/* Navbar */
.navbar{text-align: center !important; font-size: 14px}
.bg-navbar{background: rgba(117, 98, 68, 0.8);}
.bg-navbar a{color: #FFF !important}
ul.nav li a:hover, ul.nav li a:focus, ul.nav li.active{background: #565656}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

/* Sections */

/* Index */
#index .container .row .frase{background: #928d87; text-align: center;}

.texto-machado-assis{background: red; bottom: 0; position: absolute !important;}

/* Introdução */
#introducao{font-family: 'Cabin', sans-serif !important}
#introducao .container .row div {background: #e6e2dc;}

/* Citação */
#citacao .container .row div {background: #c2b9aa; color: #322e28; }


/* História */
#historia .container .row div {background: #837d75; color: #FFF}

/* Citação 02 */
#citacao-02 .container .row div {background: #615a51; color: #FFF; }

/* Suas Obras */
#suas-obras .container .row div {background: #dfddda; color: #837d75;; text-align: left; padding-bottom: 0}

/* Livros/Comentários */
#livros-comentarios .container .row div {background: #FFF; color: #837d75;; text-align: left;}

/* Ao Mestre */
#ao-mestre .container .row div {background: #a69c8f; color: #FFF;; text-align: left; vertical-align: middle;}

/* Homenagem */
#homenagem .container .row div {background: #796f62; color: #FFF;; text-align: left; vertical-align: middle;}

/* Footer */
#footer .container .row div{background: #a69c8f !important; color: #FFF; padding: 20px 0 30px; font-size: 18px;;}
#footer .container .row div span{font-size: 25px}

/* Paddings */
.p-0{padding: 0}
.p-40{padding: 40px}

.p-l-20{padding-left: 20px}

/* Margins */
.m-t-20{margin-top: 25px !important}

/* Links */
p.link{text-align: right; padding: 10px 0 0; clear: both;}

/* Buttons */
.btn-orange{background: #b3521b; color: #FFF; padding: 10px}
.btn-orange-2{background: #a38048; color: #FFF; padding: 10px}

/* Estilização */
h1{font-size: 40px !important; font-weight: lighter; margin: 0 !important}
h2{margin: 0}

.depoimentos{margin-top: 20px}
.depoimentos h2{margin-bottom: 10px}
.depoimentos p{margin-bottom: 30px}

/* Bounce Arrow */

.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left:-20px;
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}