@media only screen and (max-width: 768px) {
   
    /* ----- buttons ----- */
        .btn-primary{
            width: 45%;
            font-size: small;
            padding: 5px;
        }

        .btn-secondary{
            width: 48%;
            font-size: medium;
        }

        .btn-upload{
            width: 48%;
            font-size: small;
        }


    /* ----- text ----- */
        h1{
        font-size: 1.6rem;
        padding-top: 50px;
        padding-bottom: 8px;
        font-weight: bold;
        }

        h2{
            font-size: 2rem;
            padding-bottom: 15px;
        }

        h3{
            font-size: 1rem;
            padding-top: 10px;
            padding-bottom: 30px;
        }

    
    /* ----- form ----- */
        .form-box{
            width: 100%;
        }

        .center{
            padding-left: 0%;
        }

        .w-75{
            width: 100%;
        }

        .form-img-box{
            display: none;
        }


    .big-text{
        font-size: 2rem;
    }

    .side-slider{
        display: none;
    }


    .right-text-slider{
        left: 25%;
        width: 50%;
    }


    .right-text-slider-overlay{
        left: 25%;
        width: 50%;

    }

    
  

    

    


    

} /* closing tag @media */