/* ==========================
   SEÇÃO PROMOÇÃO
========================== */

.promocao {

    width:90%;
    margin:70px auto;

    background:linear-gradient(
        135deg,
        #d68d52,
        #f2b880
    );

    border-radius:30px;

    padding:50px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    overflow:hidden;

    color:white;

}


.promocao h2 {

    font-size:42px;

    margin-bottom:15px;

}


.promocao p {

    font-size:20px;

    max-width:500px;

}


.promocao a {

    display:inline-block;

    margin-top:25px;

    padding:15px 35px;

    background:white;

    color:#d68d52;

    border-radius:40px;

    font-weight:700;

    transition:.3s;

}


.promocao a:hover {

    transform:translateY(-5px);

}


.promocao img {

    width:350px;

    border-radius:25px;

}



/* MOBILE */

@media(max-width:768px){

.promocao{

    flex-direction:column;

    text-align:center;

    padding:30px;

}


.promocao h2{

    font-size:30px;

}


.promocao img{

    width:250px;

    margin-top:30px;

}

}