/* 0. Configurações Gerais
----------------------------*/
@font-face {
	font-family: 'Raleway';
	src: url(../fonts/raleway.ttf) format('truetype');
}

html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Raleway', sans-serif;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {color: inherit;}
a, button {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 26px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
p {font-size: 16px; line-height: 1.5;}

.section {padding: 45px 0;}
.section.inner {min-height: calc(100vh - 139px);}

.titulo {font-weight: 600; text-transform: uppercase; text-align: center; color: #49A51D;}
.subtitulo {font-size: 16px; font-style: italic; text-align: center; color: #585858;}

.btn {font-weight: 600; text-transform: uppercase; padding: 0.375rem 1rem;}
.btn.default {background: #73BC4F; color: #FFF;}
.btn.default:hover {background: #3FA90A;}

/* 1. Navbar
-----------------*/
.navbar {background: #223B40; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.navbar.scrolled {box-shadow: 0 0 3px 0 #000;}
.navbar .navbar-brand .brand {width: 200px;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {font-weight: 600; text-transform: uppercase; color: #FFF;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: rgba(255, 255, 255, .65);}

/* 2. Footer
----------------*/
footer {background: #223B40; padding: 5px 0;}
footer.darker {background: #192C2F;}
footer p {font-size: 12px; color: #FFF;}
footer a {font-weight: 600; color: inherit;}
footer a:hover {color: rgba(255, 255, 255, .65);}