/* Default font size for desktops */
body {
    font-size: 16px !important;
}

.kontakt-mobile {
    display: none;
}

.kontakt-mobile .mobile-small {
    display: none;
}

.mobile.right.menu {
    display: none !important;
}

.mobile.right.menu button.item {
    outline: none;
    border: none;
}

.kontakt-mobile .left-contact #form-wrapper ul li .no-padding {
    padding-right: 0 !important;
}

.kontakt-mobile .left-contact #form-wrapper ul li button {
    width: 100% !important;
    margin: 0 !important;
    margin-top: 10px !important;
}

.kontakt-page-mobile {
    background-color: white;
}

.kontakt-page-mobile:first-of-type {
    /*margin-top: 3.8rem;*/
    margin-bottom: 1rem;
}

.kontakt-page-mobile:last-of-type {
    background-color: #fcecbb;
}

.kontakt-page-mobile#kontakt-info-mobile .personal-info-wrapper {
    width: 100% !important;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 10px !important;
}

.kontakt-page-mobile#kontakt-info-mobile .contact-header {
    width: 100% !important;
    padding-bottom: 10px !important;
}

.kontakt-page-mobile#kontakt-info-mobile h2 {
    text-align: center;
}

#mobile-about {
    display: none;
}

/* Tablets */
@media (max-width: 1400px) {
    body {
        font-size: 14px !important;
    }
}

/* Tablets */
@media (max-width: 1080px) {
    body {
        font-size: 12px !important;
    }

    .personal-info-wrapper,
    .contact-header {
        padding: 23px !important;
        padding-top: 18px !important;
    }
}

/* Phones */
@media (max-width: 800px) {
    body {
        font-size: 10px !important;
    }

    .personal-info-wrapper,
    .contact-header {
        padding: 20px !important;
        padding-top: 15px !important;
    }
}

@media (max-width: 700px) {
    body {
        font-size: 10px !important;
    }

    #kontakt-page {
        display: none;
    }

    .kontakt-mobile {
        display: block;
    }

    .mobile.right.menu {
        display: flex !important;
    }

    .desktop.right.menu {
        display: none !important;
    }

    #mobile-about {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mobile-about #about-img {
        aspect-ratio: 5/7;
    }

    #desktop-about {
        display: none;
    }
}

/* Small Phones */
@media (max-width: 480px) {
    body {
        font-size: 10px !important;
    }

    #kontakt-page {
        display: none;
    }

    .kontakt-mobile {
        display: block;
    }

    .mobile.right.menu {
        display: flex !important;
    }

    .desktop.right.menu {
        display: none !important;
    }

    .kontakt-mobile .mobile-big {
        display: none;
    }

    .kontakt-mobile .mobile-small {
        display: block;
    }

    #mobile-about {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mobile-about #about-img {
        aspect-ratio: 5/7;
    }

    #desktop-about {
        display: none;
    }
}