/* ==========================================================
   TABLET
   768px - 1199px
========================================================== */

@media (min-width:768px) and (max-width:1199px){
	
	
	.hero{

			display:flex;

		}

		.hero-mobile{

			display:none;

		}

    .container{

        width:min(100% - 2rem,var(--container-lg));

    }

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

    .hero{

        min-height:auto;

        padding-block:var(--space-20);

    }

    .hero-grid{

        display:grid;

        grid-template-columns:1fr;

        gap:var(--space-12);

        text-align:center;

    }

    .hero-content{

        max-width:720px;

        margin-inline:auto;

    }

    .hero-actions{

        display:flex;

        justify-content:center;

        flex-wrap:wrap;

        gap:var(--space-4);

    }

    .hero-image{

        max-width:520px;

        margin-inline:auto;

    }

    /* =====================================
       TITLES
    ===================================== */

    .section-title{

        max-width:680px;

        margin-inline:auto;

        text-align:center;

    }

    /* =====================================
       GRID
    ===================================== */

    .grid-2-tablet{

        display:grid;

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

        gap:var(--space-6);

    }

    .grid-3-tablet{

        display:grid;

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

        gap:var(--space-6);

    }

    .grid-4-tablet{

        display:grid;

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

        gap:var(--space-6);

    }

    /* =====================================
       CARDS
    ===================================== */

    .card{

        height:100%;

    }

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

    .footer-grid{

        display:grid;

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

        gap:var(--space-8);

    }

}