/* 
*
*   11.8.21
*   Martin Eckleben - aceArt GmbH
*   These are classes to use to hide and show elements depending on screen size.
*   
*   The website includes the bootstrap framework but nobody respected it.
*   Since it will be updated soon and would break anyhow I'll define custom classes to be used from now on and for ever.
*
*/

/*
*   three breakpoints:
*   - mobile
*   - tablet
*   - desktop
*/

/* BREAKPOINTS USE ONLY THESE FROM NOW ON */
:root{
    --tablet: 768px;
    --desktop: 1140px;
}

/* ups */

@media(max-width: 767px){
    .tabletAndUp{
        display: none!important;
    }
}

@media(max-width: 1140px){
    .desktopAndUp{
        display: none!important;
    }
}

/* downs */

@media(min-width: 1140px){
    .tabletAndDown{
        display: none!important;
    }
}