@import url('https://fonts.googleapis.com/css?family=Lato');

body{font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;
position:relative;
width:100%;
height:auto;
color:#fff;
background-color:#000}

html{width:100%;
height:100%}

h1,h2,h3,h4,h5,h6{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:700;
margin:0 0 35px;
letter-spacing:1px;
text-transform:uppercase}

p{font-size:14px;
line-height:1.5;
margin:0 0 35px}

@media (min-width:768px)

{p{ 
line-height:1.6;
}}

a{-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
color:#A01127}

a:focus,a:hover{text-decoration:none;
color:#A01127;
text-decoration:underline;}

.container{
	float:left;
	max-width:100%;
}

#mainNav .exb{
	color: #e53852;
}	

#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
margin-bottom:0;
text-transform:uppercase;
border-bottom:1px solid rgba(255,255,255,.3);
background-color:#000}

#mainNav .navbar-toggler{font-size:14px;
padding:11px;
color:#A01127;
border:1px solid #fff}

#mainNav .navbar-brand{font-weight:700;
float: left;
font-size:34px;
color: #e53852;}

#mainNav a{color:#fff;
float:right;
font-size:12px;}

#mainNav a:hover{
	color: #e53852;
}

#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
transition:background .3s ease-in-out}

#mainNav .navbar-nav .nav-item:hover{color:#A01127);
outline:0;
font-size:300px;
background-color:transparent;
font-style:underline;}

#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus{outline:0;
background-color:transparent}

@media (min-width:992px)

{#mainNav{padding-top:20px;
padding-bottom:20px;
-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
letter-spacing:1px;
border-bottom:none;
background:0 0}

#mainNav.navbar-shrink{padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,.3);
background:#000}
#mainNav .nav-link.active{outline:0;
background-color:rgba(255,255,255,.3);
}

#mainNav .nav-link.active:hover{color:#fff}}


.masthead{display:table;
width:100%;
height:auto;
padding:200px 0;
text-align:center;
color:#fff;
background:url(../img/head-2.jpg) no-repeat bottom center scroll;
background-color:#000;
-webkit-background-size:cover;
-moz-background-size:cover;-o-background-size:cover;
background-size:cover}

.masthead .intro-body{display:table-cell;
vertical-align:middle}

.masthead .intro-body .brand-heading{font-size:50px;
color:#A01127;
padding-top: 35%;}


.masthead .intro-body .intro-text{font-size:18px}

@media (min-width:768px){.masthead{height:100%
;padding:0}

.masthead .intro-body .brand-heading{font-size:100px}

.masthead .intro-body .intro-text{font-size:22px}}

#contact h2 {
	font-size: 22px;
	font-family: Arial;
}

#contact p {
	font-size: 14px;
}

#contact .btn.btn-default.btn-lg span {
	font-size: 18px;
}

.btn-circle{font-size:20px;
display:flex;
flex-direction: column;
justify-content: center;
align-items:center;
width:115px;
height:115px;
margin-left:112%;
margin-top: auto;
line-height:45px;
-webkit-transition:background .3s ease-in-out;
-moz-transition:background .3s ease-in-out;
transition:background .3s ease-in-out;
color:#A01127;
border:2px solid #fff;
border-radius:100%!important;
background:0 0}

.btn-circle:focus,.btn-circle:hover{color:#fff;
outline:0;
background:rgba(255,255,255,.1)}

div.cont{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:7%;
}

div.cont h2{
	color:#fff;
text-align:center;

}

div.cont h4{
	color:#fff;
text-align:center;

}

div.cont .gallery{
	margin-top:3%;
	margin-left:3%;
}


div.cont4{
	width:100%;
	height:auto;
	margin-bottom:470%;
	margin-top:-20%

}

div.cont6{
	width:100%;
	height:auto;
	margin-bottom:70%;
	margin-top:-20%
}

div.cont_sale{
	float:left;
	margin-left:10%;
	width:80%;
	height:auto;
	margin-bottom:7%;
}

div.cont_sale h2{
	color:#fff;
text-align:center;

}

div.cont_sale h4{
	color:#fff;
text-align:center;

}

div.cont_sale .gallery{
	margin-top:3%;
	margin-left:3%;
}

div.gallery{
	margin: 1%;
    float: left;
    width: 20%;
	height:auto;

}

div.gallery img {
	
    width: 100%;
    height: auto;
}

div.gallery1{
	margin-bottom: 0.3%;
    float:left;
    width: 30%;
	height:auto;
	margin-left: 2.5%;
}

div.gallery1 img {
	
    width: 100%;
    height: auto;
}

div.desc {
	margin: -5%
    padding: 10%;
    text-align: center;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 13px;
}


.content-section{
	height:800px;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
	margin-bottom:-10%;
}

.exhibition-section{
	width:100%;
	margin-top:10%;
	text-align:left;
	float:left;
}

.exhibition-section2{
	width:100%;
	margin-top:10%;
	margin-bottom:20%;
	text-align:left;
	float:left;
}


	
.birth-section  {
	width:100%;
	margin-top:10%;
	padding-bottom:30%;
	text-align:left;
	}


.cart-section  {
	width:100%;
	margin-top:10%;
	padding-bottom:30%;
	text-align:left;
	}

.download-section{color:#fff;
background:url(../img/dragão.png) no-repeat center center scroll;
<div class="gallery1"> 
		/img/downloads-bg.jpg
		
background-color:#000;
-webkit-background-size:cover;
-moz-background-size:cover;-o-background-size:cover;
background-size:cover;
height:40%;
margin-bottom:10%;
}

.cartoon-section{
height:40%;
color:#fff;
background:url(../img/cartoons/042_Apple.jpg) no-repeat center center scroll;
background-size: 50%;
background-color:#000;
-webkit-background-size:cover;
-moz-background-size:cover;-o-background-size:cover;
background-size:cover;
margin-bottom:10%
}

.arq-section{
height:40%;
color:#fff;
background:url(../img/arq/1.jpg) no-repeat center center scroll;
background-size: 50%;
background-color:#000;
-webkit-background-size:cover;
-moz-background-size:cover;-o-background-size:cover;
background-size:cover;
}

.contact-section{
	border-top:2px solid #fff ;
	border-bottom:2px solid #fff ;
	margin-top:50%;
	height:40%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
}

.contact-section1{
	border-top:2px solid #fff ;
	border-bottom:2px solid #fff ;
	margin-top:80%;
	height:40%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
}

.contact-section2{
	border-top:2px solid #fff ;
	border-bottom:2px solid #fff ;
	margin-top:100%;
	height:40%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
}

.contact-section3{
	border-top:2px solid #fff ;
	border-bottom:2px solid #fff ;
	margin-top:110%;
	height:40%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
}

.contact-section4{
	border-top:2px solid #fff ;
	border-bottom:2px solid #fff ;
	margin-top:300%;
	height:40%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
}



#map{width:100%;
height:300px;}

@media (min-width:992px){.content-section{padding-top:200px;
padding-bottom:200px}

#map{height:350px}}

.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
text-transform:uppercase;
border-radius:0}


.btn-default{color:#A01127;
border:1px solid #A01127;
background-color:transparent}

.btn-default:focus,.btn-default:hover{color:#000;
border:1px solid #A01127;
outline:0;
background-color:#A01127}

ul.banner-social-buttons{margin-top:0}
@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}
@media (max-width:767px){ul.banner-social-buttons li{display:block;
margin-bottom:20px;
padding:0}

ul.banner-social-buttons li:last-child{margin-bottom:0}}

footer{padding:50px 0}

footer p{font-size:12px;
margin:0}
::-moz-selection{background:#fcfcfc;
background:rgba(255,255,255,.2);
text-shadow:none}
::selection{background:#fcfcfc;
background:rgba(255,255,255,.2);
text-shadow:none}

img::selection{background:0 0}

img::-moz-selection{background:0 0}