/*************
Section Banner
*************/

.section_banner-contato {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url('https://www.markp.com.br/shield-demo/wp-content/uploads/2024/04/bg-section-quem-somos.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 30vh;
}

.section_banner-contato h1 {
    font-size: 50px;
    color: #ffffff;
    margin-top:0;
    margin-bottom:0;
}

/****************
Section Contato
****************/
.container-contato {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.container-contato .column-one {
    width: 100%;
}
.container-contato .column-two {
    width: 100%;
}

.container-contato p {
    margin-bottom: 0;
}
.tel-contato {
    margin: 3rem 0;
}

.tel-contato img{
    
    max-width:80px;
}
.email-contato img{
    max-width:80px;
}

/*****************
Section Newsletter
******************/

.section_newsletter{
    background-color: #E3E3E3;
}
.card-newsletter {
    display: flex;
    align-items: center;
    background-color: #0e111a;
    border-left: 15px solid #01aad2;
    padding: 50px 100px;
    margin-top: -5%;
}

.card-newsletter .column-one {
    width: 70%;
}
.card-newsletter .column-tw {
    width: 30%;
    border-right: 5px solid #01aad2;
}

.btn-saiba-mais {
    background-color: #01aad2;
    color: #ffffff;
    padding: 2rem 7rem;
    white-space: nowrap;;
    cursor: pointer;
}



@media screen and (max-width:768px) {
    
    .container-contato .column-one {
        text-align:center;
    }
    .card-newsletter {
        flex-direction: column;
        padding: 30px 10px;
        
    }
    
}