
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {	
   
   font-size:14px;    
   font-weight:normal;
   line-height: 29px;  
   font-family: 'Montserrat', sans-serif;
	background:#3C352F;
}


.site-main{
    padding:0;
    clear: both;
    width:100%;
}

.site-main{
	padding:20% 0 0 0;
}

.site-main img{
	display: block;
	margin: 0 auto;
}
.site-main p{
	color: #fff;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 25px 0 0 0
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a {
	color: #111;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #333;
	outline: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/


img {
	height: auto;	
	max-width: 100%;	
	vertical-align: middle;
}

img,
video {
	height: auto;
	max-width: 100%; 
}


embed,
iframe,
object {
	margin:0;
	padding:0;
	max-width: 100%;
}

.videos{
    background:#3C352F;
    padding: 70px 0;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;	
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	margin: 0 0 25px 0;	
    font-weight:900; 
	padding: 0;
	color: #413c36;
}


h1 {
	font-size: 42px;
	
}

h2, h3, h4, h5, h6 {
	font-size:26px;

}

p {
	margin: 0 0 25px 0;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-size:27px;	
	line-height: 1.1;
	margin: 0;
	overflow: hidden;
	padding: 0;   
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 25px 0;
}

pre {
	background: #fafafa;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #fafafa;
	cursor: help;
}

mark,
ins {
	background: #fafafa;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}


/*--------------------------------------------------------------
# Listas
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em 20px;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	counter-reset: item;
}

ol li {
	display: block;
	position: relative;
    font-size: 14px;

}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #eaeaea;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eaeaea;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}




/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label{}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color:#111;
	border:1px solid #fafafa;
	padding:10px 10px;
	width: 100%;
    background:#413c36;
    margin:0 0 10px 0;
    border-radius:22px;
}

select {	
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #f0efea;
	border:none;
	color: #413c36;
	cursor: pointer;
	padding:10px 10px;
    width:100%;
    border-radius:22px;
    font-weight: 400;
   
}

button:hover,
input:hover[type="button"],
input:hover[type="submit"] {
	opacity: 0.8;   
}


::-webkit-input-placeholder {
	 color:#f0efea;   	
}

:-moz-placeholder {
    color:#f0efea; 
    	
}
::-moz-placeholder {
	color:#f0efea;
	opacity: 1;
    
}
:-ms-input-placeholder {
	  color:#f0efea;
    
}

select {
	width: 100%;
    padding-top:11px;
    padding-bottom:11px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:5px;   
    border-radius:4px;   
}



/* = Ação
-------------------------------------------------------------- */

a.btn{
    padding:12px 0;
    width: 100%;
    text-decoration:none;
    border-radius:52px;
    text-align: center;
    color: #fff;
    display: table;   
    font-weight:300;      
}

a.btn-whats{background: #128C7E; }
a:hover.btn-whats{ background:#075e54; color: #fff; }




/* = layout Divs Sections
-------------------------------------------------------------- */

.header{
	background:#3C352F;
    padding: 20px  0;
}

.logo img{
	display: block;
	margin: 0 auto;
}

.apresentacao{
	padding:110px 0  90px;
	background: #f0efea;
}

.apresentacao img{
	margin: 0 0 60px 0;
}

.galeria{
	padding:110px 0;
	background:#3C352F;
}
.galeria img{
	margin: 0 0 20px 0;
	border-radius: 2px;
	
}

.footer{
	background: #413c36;
	padding: 70px 0 40px
}

.footer p, .footer address{
	color: #ccc;
	text-align: center;
	margin: 0 0 15px 0;

}
.footer a{
	text-decoration: none;
	color: #fff;
}

p.credito{
	font-size: 11px;
}

.footer img{
	display: block;
	margin: 0 auto 15px;
}

p.destaque-1{
	font-size:22px;	
	padding: 30px 0;
	color: #413c36;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	

}

@media only screen and (min-width: 1382px) and (max-width: 1920px) {	
	
}

@media only screen and (max-width: 720px) {
	
	
	
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
	
}
