section.owl-banner {
width: 100%;
float: left;
margin: 0;
position: relative;
}
section.owl-banner .owl-nav,
section.owl-banner .owl-dots{
height: 0;
position: absolute;
}
section.owl-banner .owl-dots {
bottom: 60px;
display: flex;
justify-content: center;
width: 100%;
align-items: center;
}
section.owl-banner .owl-dots button {
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 10px;
margin: 0 3px;
}
section.owl-banner .owl-dots button.active{
background-color: #fff;
}
section.owl-banner .item {
position: relative;
background-size: cover;
width: 100%;
float: left;
background-position: center;
margin: 0;
border:0;
}
section.owl-banner:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 36px;
background-image: url(//observatorioflorestal.org.br/wp-content/plugins/jucamillo-custom-banner/angle.png);
background-repeat: no-repeat;
background-position: center;
}
section.owl-banner .item .container{
position: relative;
height: 640px;
}
section.owl-banner .item .info{
width:80%;
position: absolute;
transform: translateY(-50%);
top: calc(50% + 20px);
left: 10%;
overflow: hidden;
z-index: 9;
text-align: center;
color: #fff;
font-family: 'Aaux Pro';
}
section.owl-banner .item .info h2{
width: 100%;
text-align: center;
float: left;
color: #fff;
font-size: 48px;
overflow: hidden;
line-height: 1.1;
text-transform: uppercase;
font-weight: bold;
margin: 0 !important;
display: block;
}
section.owl-banner .item .info h2:before{
display: none;
}
section.owl-banner .item .info h2 strong{
color: #bacc00;
} @media(max-width: 1200px){
}
@media(max-width: 991px){
section.owl-banner .item .info h2{
font-size: 36px;
}
section.owl-banner .item .container{
height: 540px;
}
}
@media(max-width: 767px){
section.owl-banner .item .info h2{
font-size: 24px;
}
section.owl-banner .item .container{
height: 340px;
}
section.owl-banner:after {
background-size: auto 100%;
height: 15px;
}
section.owl-banner .owl-dots {
bottom: 35px;
}
section.owl-banner .owl-dots button {
border-width: 1px;
width: 8px;
height: 8px;
}
}
@media(max-width: 370px){
}