/*====================================================

CÓDIGO DIVINO V2.0
tablet.css

====================================================*/

@media screen and (max-width:992px){

/*===============================
CONTAINER
================================*/

.container{

    width:94%;

}

/*===============================
HEADER
================================*/

header .container{

    height:80px;

}

.logo img{

    height:55px;

}

nav{

    gap:20px;

}

nav a{

    font-size:.9rem;

}

.btn-header{

    padding:14px 20px;

    font-size:.9rem;

}

/*===============================
HERO
================================*/

.hero{

    padding:130px 0 70px;

}

.hero-grid{

    grid-template-columns:1fr 1fr;

    gap:30px;

}

.hero h1{

    font-size:2.8rem;

}

.hero p{

    font-size:1rem;

}

.hero-list{

    grid-template-columns:1fr;

}

.hero-buttons{

    flex-direction:column;

    align-items:flex-start;

}

.hero-image img{

    max-width:480px;

}

/*===============================
BENEFÍCIOS
================================*/

.beneficios-grid{

    grid-template-columns:repeat(2,1fr);

}

/*===============================
ABOUT
================================*/

.about-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.about-content{

    max-width:100%;

}

.about-image{

    order:-1;

}

.about-image img{

    max-width:500px;

}

/*===============================
TARGET
================================*/

.target-grid{

    grid-template-columns:repeat(2,1fr);

}

/*===============================
NOT FOR
================================*/

.not-grid{

    grid-template-columns:1fr;

}

/*===============================
LIBRARY
================================*/

.library-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.library-content{

    max-width:100%;

}

.library-image{

    order:-1;

}

.library-image img{

    max-width:520px;

}

/*===============================
BONUS
================================*/

.bonus-grid{

    grid-template-columns:repeat(3,1fr);

}

/*===============================
OFFER
================================*/

.offer-box{

    padding:50px;

}

.offer-box h2{

    font-size:2.5rem;

}

.new-price{

    font-size:4rem;

}

/*===============================
GARANTIA
================================*/

.guarantee-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.guarantee-image{

    order:-1;

}

/*===============================
CTA
================================*/

.cta-final h2{

    font-size:2.6rem;

}

/*===============================
FOOTER
================================*/

.footer-grid{

    grid-template-columns:1fr 1fr;

    gap:40px;

}

}