

/* Mobile devices */
@media only screen and (max-width: 480px) {

    .indicators-wrap {
        gap: .5rem;
    }    

    .modal-content {
        width: 95% !important;
    }

    .modal-content-wrap {
        width: 85%;
    }

    .cursor {
        display: none;
    }

    .palette_wrap {
        padding-inline: 54px;
    }

    .row-wrap {
        padding-right: 0;
    }

    .big-submit {
        display: none;
    }

    #small-button {
        display: block;
    }

    .logo-wrap {
        top: 2.7rem;
    }

    .logo-txt-1h {
        display: none;
    }
    .logo-txt-1h-dark {
        display: none;
    }

    .logo-txt-2h {
        display: none;
    }
    .logo-txt-2h-dark {
        display: none;
    }

}
  
/* iPads, Tablets */
@media only screen and (min-width: 481px) and (max-width: 900px) {

    .cursor {
        display: none;
    }

    .palette_wrap {
        padding-inline: 54px;
    }

    .row-wrap {
        padding-right: 0;
    }

    .big-submit {
        display: none;
    }

    #small-button {
        display: block;
    }

    .logo-wrap {
        top: 2.7rem;
    }

    .logo-txt-1h {
        display: none;
    }
    .logo-txt-1h-dark {
        display: none;
    }

    .logo-txt-2h {
        display: none;
    }
    .logo-txt-2h-dark {
        display: none;
    }
}
  
/* Small screens, laptops */
@media only screen and (min-width: 901px) and (max-width: 1075px) {
    
}
  
/* Desktops, large screens */
@media only screen and (min-width: 1076px) and (max-width: 1200px) {
    
}
  
  /* Extra large screens, TV */
@media only screen and (min-width: 1201px) {
    
}