html { scroll-behavior: smooth }
body {
    position: relative; /* ScrollSpy */
    background-color: black;
    color: #b5b5b5;
    font-size: 1rem;
}
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1000;
}
section { min-height: 100vh; padding: 20px }
.text-special { color: #fe48cd }
.text-shadow { text-shadow: 1px 1px 12px #222 }
.bg-dark { background-color: rgb(10 10 10) !important }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fe6148 }
.navbar-nav .nav-link:hover { color: #fe6148 }
.alt-color { color: #fe6148 }

/* Responsive */
.show-xs-only { display: inherit }
.show-sm-only { display: none }
.show-md-only { display: none }
.show-lg-only { display: none }
.show-xl-only { display: none }
.show-xx-only { display: none }
.hide-xs-only { display: none }
.hide-sm-only { display: inherit }
.hide-md-only { display: inherit }
.hide-lg-only { display: inherit }
.hide-xl-only { display: inherit }
.hide-xx-only { display: inherit }

.show-sm { display: none }
.show-md { display: none }
.show-lg { display: none }
.show-xl { display: none }
.show-xx { display: none }

.hide-xs { display: none }
.hide-sm { display: inherit }
.hide-md { display: inherit }
.hide-lg { display: inherit }
.hide-xl { display: inherit }
.hide-xx { display: inherit }

#responsive-panel {
    position: fixed;
    top: 100px;
    right: 50px;
    z-index: 1000;
    color: #000;
    background-color: #555;
    padding: 10px;
}
#responsive-panel .show { background-color: #08e108; }

#home h2 { margin-top: 16vh; font-size: 1.8rem; }
#home h1 { margin-top: 2vh; font-size: 3rem; font-weight: bold }
#home h3 { margin-top: 8vh; font-size: 2rem; }

#offer { font-size: 1.2rem }
#offer .question { margin-top: 10vh }
#offer .opportunity { font-size: 1.8rem; margin-top: 6vh }
#offer .presentation { margin-top: 6vh }
#offer .reserve { font-size: 1.8rem; margin-top: 6vh }
#offer .discount { font-size: 2rem; margin-top: 4vh; font-weight: bold }

#why-me { font-size: 1.2rem }
#why-me h2 { margin-top: 6vh }
#why-me ul { margin-top: 8vh }
#why-me li { margin-top: 8vh }

#comments { font-size: 0.9rem }
#comments h2 { margin-top: 6vh }
#comments ul { margin-top: 6vh }
#comments li { margin-top: 2vh }

#faq h2 { margin-top: 6vh }
#faq ul { margin-top: 6vh }
#faq li.question { margin-top: 4vh }
#faq li { }

#prices h2 { margin-top: 6vh }
#prices .attention { margin-top: 12vh; font-size: 1.5rem }
#prices .session-30min { margin-top: 12vh; font-size: 2.2rem }
#prices .session-1hour { margin-top: 8vh; font-size: 2.4rem }

#contact h2 { margin-top: 6vh }
#contact .opportunity { margin-top: 12vh }
#contact .click-here { margin-top: 8vh }
#contact .waiting { font-weight: bold; margin-top: 6vh; font-size: 3rem; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .show-xs-only { display: none }
    .show-sm-only { display: inherit }
    .show-md-only { display: none }
    .show-lg-only { display: none }
    .show-xl-only { display: none }
    .show-xx-only { display: none }
    .hide-xs-only { display: inherit }
    .hide-sm-only { display: none }
    .hide-md-only { display: inherit }
    .hide-lg-only { display: inherit }
    .hide-xl-only { display: inherit }
    .hide-xx-only { display: inherit }
    .show-sm { display: inherit }


    #home h1 { margin-top: 10vh }
    #offer .reserve { margin-top: 10vh }
    #why-me h2 { margin-top: 12vh; font-size: 2rem }
    #faq h2 { margin-top: 12vh; font-size: 2rem }
    #prices h2 { margin-top: 12vh; font-size: 2rem }
    #contact h2 { margin-top: 12vh; font-size: 2rem }
    li.show-sm { display: list-item }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .show-xs-only { display: none }
    .show-sm-only { display: none }
    .show-md-only { display: inherit }
    .show-lg-only { display: none }
    .show-xl-only { display: none }
    .show-xx-only { display: none }
    .hide-xs-only { display: inherit }
    .hide-sm-only { display: inherit }
    .hide-md-only { display: none }
    .hide-lg-only { display: inherit }
    .hide-xl-only { display: inherit }
    .hide-xx-only { display: inherit }
    .show-md { display: inherit }


    li.show-md { display: list-item }
    #home h1 { font-size: 3.5rem; margin-top: 15vh }
    #offer .question { margin-top: 15vh }
    #offer .discount { font-size: 3rem; margin-top: 8vh }
    #comments { font-size: 1rem }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .show-xs-only { display: none }
    .show-sm-only { display: none }
    .show-md-only { display: none }
    .show-lg-only { display: inherit }
    .show-xl-only { display: none }
    .show-xx-only { display: none }
    .hide-xs-only { display: inherit }
    .hide-sm-only { display: inherit }
    .hide-md-only { display: inherit }
    .hide-lg-only { display: none }
    .hide-xl-only { display: inherit }
    .hide-xx-only { display: inherit }
    .show-lg { display: inherit }

    #home h3 { margin-top: 15vh }
    #comments { font-size: 1.1rem }
    #faq { font-size: 1.1rem }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .show-xs-only { display: none }
    .show-sm-only { display: none }
    .show-md-only { display: none }
    .show-lg-only { display: none }
    .show-xl-only { display: inherit }
    .show-xx-only { display: none }
    .hide-xs-only { display: inherit }
    .hide-sm-only { display: inherit }
    .hide-md-only { display: inherit }
    .hide-lg-only { display: inherit }
    .hide-xl-only { display: none }
    .hide-xx-only { display: inherit }
    .show-xl { display: inherit }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .show-xs-only { display: none }
    .show-sm-only { display: none }
    .show-md-only { display: none }
    .show-lg-only { display: none }
    .show-xl-only { display: none }
    .show-xx-only { display: inherit }
    .hide-xs-only { display: inherit }
    .hide-sm-only { display: inherit }
    .hide-md-only { display: inherit }
    .hide-lg-only { display: inherit }
    .hide-xl-only { display: inherit }
    .hide-xx-only { display: none }
    .show-xx { display: inherit }
}