@media only screen and (max-width: 1024px) {
    
    /* ----- framework ----- */
    .py-1-mb{
        padding: 0.5rem 0;
    }
    
    .py-2-mb{
        padding: 1rem 0;
    }

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

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


        .right-text-slider{
            font-size: 0.8em;
        }

     
    /* ----- text ----- */
         h1{
            font-size: 2.6rem;
            padding-top: 80px;
            padding-bottom: 20px;
            font-weight: bold;
        }

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

        h3{
            font-size: 1.4rem;
            padding-top: 20px;
            padding-bottom: 60px;
        }

        .onze-diensten-title{
            font-size: 1rem;
        }
    
        .onze-diensten-text{
            font-size: 1rem;
            padding: 0.25rem 0.5rem;
        }

        .bigger-text{
            font-size: 1rem;
        }
  
    /* ----- footer ----- */
        .footer-text{
            font-size: 1em;
        }

        .footer-icon{
            font-size: 0.8em;
            margin-top: 2px;
        }
        

    
    

} /* closing tag @media */

@media only screen and (max-width: 1595px) and (min-width: 769px)  {
    .remove-smallscreen{
        display: none;
    }
}

@media only screen and (max-width: 1330px) and (min-width: 1025px)  {
    .onze-diensten-text{
        font-size: 1.1rem;
        padding: 0.25rem 0.5rem;
    }
}