@font-face {
    font-family: 'Bold';
    font-style: normal;
    font-weight: 700;
    src:url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.otf') format('otf'),
        url('../fonts/Montserrat-Bold.ttf') format('ttf'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2');
}        
@font-face {
    font-family: 'Medium';
    font-style: normal;
    font-weight: 500;
    src:url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.otf') format('otf'),
        url('../fonts/Montserrat-Medium.ttf') format('ttf'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2');
}
a:hover{
    text-decoration:none;
}
.Medium{
    font-family: 'Medium';
}
.Bold{
    font-family: 'Bold';
}
.h-40{
	height: 40% !important;
}

.main{
    height:100vh;
    position:relative;
}
.bg-1{
    background-image:url('../img/img3.jpg');
    background-size:cover;
}
.bg-2{
    background-image:url('../img/img2.jpg');
    background-size:cover;
}

.bg-3{
    background-image:url('../img/img1.jpg');
    background-size:cover;
}
.mask-1, .mask-2, .mask-3{
    background:rgba(0,0,0,0.8);
    transition: 1s all;
}
.content{
    position:absolute;
    top:0;
}
.text h1{
    font-size:20px;
}
.title p{
    font-size:45px;
	line-height: 40px;
}
.logo{
    width:235px;
    height:80px;
    position:relative;
}
.logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:all 0.3s;
}
.logo img:hover{
    transform:scale(1.125);
}
.description{
    max-width:725px;
}
.btn-title{
    width:300px;
    height:60px;
    border: 1px solid #fff;
    background:transparent;
    transition:all 0.3s;
}
.btn-title:hover{
    background:#fff;
    color:#000 !important;
    transform:scale(1.125);
}

.bg-1:hover .mask-1, .bg-2:hover .mask-2, .bg-3:hover .mask-3{
    height: 0!important;
}
.bg-1:hover .btn-title, .bg-2:hover .btn-title, .bg-3:hover .btn-title{
    background:#fff;
    color:#000 !important;
    transform:scale(1.125);
}
.bg-1:hover .logo img, .bg-2:hover .logo img, .bg-3:hover .logo img{
    transform:scale(1.125);
}

.botoesCentro{
		margin-top:42% !important;
	}

@media (max-width: 991px) {
	.bg-1{
		height: 400px;
	}
	.bg-2{
		height: 400px;
	}
	.bg-3{
		height: 400px;
	}
	
	.brand-two{
		
		
	}
	
	.botoesCentro{
		margin-top:45px !important;
	}
}