/* ________ VARIABLES ________ */

:root {
    --hor-padding: 7vw;
    --menu-height: 8rem;
    --slide-width: 4.5rem;
    --subblock-padd-vert: 5rem;
    --book-rightmargin: 13vw;
}


/* ________ RESETS ________ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}


body {
    color: var(--black);
}

html {
    scroll-behavior: smooth;
}

a {
    color: var(--black);
    text-decoration: none;
    /*     width: fit-content; */
}

address {
    font-style: normal;
}




/* ________ GENERIC CLASSES ________ */

.mobile-show {
    display: none !important;
}

.hidden-title {
    display: none !important;
}




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

    :root {
        --hor-padding: 7vw;
    }
}

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

    :root {
        --subblock-padd-vert: 2.5rem;
    }
}

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

    .mobile-show {
        display: flex !important;
    }

    .mobile-hide {
        display: none !important;
    }
}

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

    :root {
        --hor-padding: 2.5rem;
        --menu-height: 5rem;
    }
}





@media screen and (max-height: 750px) and (orientation: landscape) {

    :root {
        --menu-height: 4rem;
    }
}