/* =====================================================
   RESPONSIVE CSS
   Sweet Delight Bakery
===================================================== */


/* ===========================================
   TABLET
   <= 992px
=========================================== */

@media (max-width:992px){

    section{

        padding:70px 0;

    }

    .section-title h2{

        font-size:36px;

    }

    .container-custom{

        width:92%;

    }

}


/* ===========================================
   MOBILE
   <= 768px
=========================================== */

@media (max-width:768px){

    section{

        padding:60px 0;

    }

    .section-title{

        margin-bottom:40px;

    }

    .section-title h2{

        font-size:30px;

    }

    .section-title p{

        font-size:15px;

    }

    .btn-primary-custom,

    .btn-outline-custom{

        display:block;

        width:100%;

        text-align:center;

        margin-bottom:15px;

    }

}


/* ===========================================
   SMALL MOBILE
   <= 576px
=========================================== */

@media (max-width:576px){

    body{

        font-size:15px;

    }

    .section-title h2{

        font-size:26px;

    }

    .section-title span{

        font-size:14px;

    }

}