@media only screen and (max-width: 1130px) {
    .w-30{
        width: 50% !important;
    }
}

@media only screen and (max-width: 1212px) {
    
    html{
        font-size: 70% !important;
    }

    .padding-10-left {
        padding-left: 6rem !important;
    }

    .zoom-out{
        zoom: 60% !important;
    }
}

@media only screen and (max-width: 1006px) {
    .small-screen{
        display:none !important;
    }
    .small-screen-show{
        display: block !important;
    }

    .small-w-100{
        width: 100% !important;
        padding: 18px;
    }

    .navbar-style{
        background-color: white;
        box-shadow: 0px 1px 0 1px var(--shadow);
        padding: 0.5rem 1rem;
    }
    .footer-style{
        background-color: black;
        box-shadow: 0px 1px 0 2px var(--shadow);
        padding: 4rem 1rem;
        /* position: fixed; */
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
    }
    .contents{
        padding: 0.5rem 2rem;
    }
    .very-small-screen{
        display:none !important;
    }
    .very-small-screen-show{
        display: block !important;
    }

    .padding-10-left{
        padding-left: 2rem !important;
    }

    html{
        font-size: 70% !important;
    }

    .privacy-padding{
        padding: 5rem 2rem; 
    }
  }

  @media only screen and (max-width: 414px) {
    .w-75{
        width: 100% !important;
    }

  }

  @media only screen and (max-width: 343px) {
    .very-small-screen{
        display:none !important;
    }
    .very-small-screen-show{
        display: block !important;
    }
  }

  @media only screen and (max-width: 321px) {
    .contents{
        padding: 0.5rem 1.5rem;
    }

  }