@media screen and (max-width: 600px) {

    body {
        font-size: 16px;
    }

    p {
        font-size: inherit;
    }

    h1 {
        font-size: 1.5em;
    }

    h1.error {
        white-space: normal;
        font-size: 2em;
    }

    label {
        font-size: 18px;
        white-space: nowrap;
    }

    input {
        font-size: 20px;
        padding: 10px 0;
    }

    textarea {
        font-size: 20px;
    }

    .select-css {
        padding: 10px 8px;
        font-size: 20px;
        background-size: 20px;
    }

    .close {
        font-size: 48px;
    }

    .topnav {
        width: auto;
    }

    .topnav a:not(:first-child), .dropdown .dropbtn {
  /*      display: none;*/
    }

    .topnav a.icon {
        float: right;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .username {
        display: none;
    }

    .avatar {
        margin-right: 50px;
    }



    th.rotate > div > span {
        padding: 0;
        font-size: 12px;
        white-space: pre-wrap;
    }

    .navbar.responsive {
        position: relative;
        background: #444444;

    }

    .navbar.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    a.icon:hover {
        border: none;
        color: whitesmoke;
    }

    .navbar.responsive a {
        float: none;
        display: block;
        text-align: left;
        font-size: 26px;
        color: whitesmoke;
    }

    .topnav.responsive .dropdown {
        float: none;
    }

    .topnav.responsive .dropdown-content {
        position: relative;
    }

    .dropdown-content {
        margin-top: 0;
        position: relative;
        background: #888888;
    }

    .usermenuresponsive {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
    }

    .navbar.responsive {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 26px;
    }

    .menyicon {
        background: no-repeat url('/img/inverio-logo-tekst.png');
        background-size: contain;
        width: 217px;
    }

    ul.navbar {
        display: none;
    }

    div.navbuttons {
        width: 100%;
    }

    .navbuttons {
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        padding: 0;
    }

    .navbuttons button {
        width: 100%;
        margin: 0;
    }

    div.table-col-25, div.table-col-40, div.table-col-50, div.table-col-60, div.table-col-75 {
        width: 100%;
        margin-top: 5px;
        text-align:left;
    }

    .responsiveOnly {
        display: block !important;
    }

    th.responsiveOnly , td.responsiveOnly  {
        display: table-cell !important;
    }

    .respMobileHidden {
        display: none;
    }
}
@media screen and (max-width: 800px) {

    .modal {
        width: 100% !important;
        left: 0 !important;
        transform: none;
    }

    .modal-content {
        width: 100% !important;
        padding: 5px;
        border-radius: 10px;
    }

    .hovedskjema {
        max-width: 98vw;
        padding: 8px;
        border-radius: 10px;
    }

    .respOverflow {
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .respOverflow:hover {
        overflow: visible;
        white-space: normal;
    }

    .respHidden {
        display: none;
    }

}