/* ===== Standard 1440px ===== */

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

    /* Page settings */
    .row {
        max-width: 80%;
    }

    /* Navigation */
    nav ul {
        margin-left: 29%;
    }

    /* Header homepage */
    .h1-homepage {
        position:absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        text-transform: uppercase;
        transform: translate(-50%,-50%);
    }

    .h2-homepage {
        position:absolute;
        text-align: center;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
    }

    /* News */

    .news-div {
        display: block;
        width: 47%;
    }


}


/* ===== Standard 1280px ===== */

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

    /* Page settings */
    .row {
        max-width: 90%;
    }

    /*
    .header-site {
        display: none;
    }
    */

    /* Mobile navigation */

    .nav-background {
        /* display: none; */
    }

    nav ul li {
        display: block;
        text-align: center;
        padding-left: 250px;
    }

    .mobile-nav-back {
        height: 330px;
        position: fixed;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        border-bottom: 1px solid white;
        display: none;
    }

    .mobile-nav-icon {
        display: inline-block;
        z-index: 200;
        position: fixed;
        right: 5%;
    }

    .mobile-nav-background {
        display: none;
    }

    nav ul {
        display: none;
    }

    /* Help main */

    .help-main-block-detail {   
        display: block;
        margin: 0px auto;
        margin-top: 30px;
        text-align: center;
        width: 80%;
    }

}


/* ===== Standard 1024px ===== */

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

    /* Page settings */
    .row {
        width: 90%;
    }

    /* Mobile navigation */

    nav ul li {
        display: block;
        text-align: center;
        padding-left: 150px;
    }

    .mobile-nav-background {
        height: 330px;
        position: fixed;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        border-bottom: 1px solid white;
        display: none;
    }

    .mobile-nav-icon {
        display: inline-block;
        z-index: 200;
        position: fixed;
        right: 5%;
    }

    nav ul {
        display: none;
    }


    /* Header site */
    .header-site-img {
        height: 30vh;
    }

    .header-site-help {
        padding-top: 15%;
    }


    /* Help */
    .help-site-contents img {
        width: 70%;
        margin: 0px auto;
        border-radius: 50%;
        border: 0px solid red;
    }

    .help-site-contents {
        display: block;
        text-align: center;
        width: 100%;
        border: 0px solid red;
        margin-top: 1%;
    }

    .help-site-contents:nth-child(2n+1) {
        display: block;
        text-align: center;
        width: 100%;
        border: 0px solid rgb(0, 128, 0);
    }

    .help-site-contents h2 {
        margin-top: 1%;
        margin-bottom: 2%;
    }

    .help-site-contents img {
        margin-top: 7%;
    }
}


/* ===== Standard 768px ===== */

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

    /* Page settings */
    .row {
        width: 90%;
    }

    /* Mobile navigation */

    nav ul li {
        display: block;
        text-align: center;
        padding-left: 1px;
    }

    .mobile-nav-background {
        height: 330px;
        position: fixed;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        border-bottom: 1px solid white;
        display: none;
    }

    .mobile-nav-icon {
        display: inline-block;
        z-index: 200;
        position: fixed;
        right: 5%;
    }

    nav ul {
        display: none;
    }

    .header-logo img {
        display: none;
    }

    /* Header homepage */
    .h1-homepage span {
        font-size: 65px; 
    }

    .h1-homepage {
        font-size: 25px; 
    }

    .h2-homepage {
        font-size: 22px; 
    }



    /* Header site */
    .header-site-img {
        height: 44vh;
    }

    .header-site-help {
        padding-top: 23%;
    }

    .h3-site {
        margin-top: 1%;
    }

    /* Region */

    .region li {
        display: block;
        margin-top: 15px;
    }


    /* Help main */

    .help-main-block-detail {   
        width: 100%;
    }


    /* Help site */
    .help-site-contents img {
        width: 70%;
        margin: 0px auto;
        border-radius: 50%;
        border: 0px solid red;
    }

    .help-site-contents {
        display: block;
        text-align: center;
        width: 100%;
        border: 0px solid red;
        margin-top: 1%;
    }

    .help-site-contents:nth-child(2n+1) {
        display: block;
        text-align: center;
        width: 100%;
        border: 0px solid rgb(0, 128, 0);
    }

    .help-site-contents h2 {
        margin-top: 1%;
        margin-bottom: 2%;
    }

    .help-site-contents img {
        margin-top: 7%;
    }

    /* News */

    .news-div {
        display: block;
        width: 100%;
    }

    .news-h3 {
        padding: 10px 0px 5px 0px;
        text-align: center;
    }

    .news-p {
        padding: 5px 0px 40px 0px;
        color: rgb(100, 100, 100);
 
    }

    /* Partners */

    #partners {
        margin-bottom: 10px;
    }

    .partners-div {
        border: 0px solid red;
        display: block;
        margin-left: 0px;
        margin-bottom: 20px;
    }


    /* Gallery */    
    .photo-segment li {
        width: 100%;
        display: block;
        margin-bottom: 1%;
    }


    /* Footer */   

    .footer-adress {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-center {
        width: 100%;
        text-align: center;
    }

}

/* ===== Standard 480px ===== */

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

    /* Page settings */
    .row {
        width: 90%;
    }

    /* Mobile navigation */

    nav ul li {
        display: block;
        text-align: center;
        padding-left: 1px;
    }

    .mobile-nav-background {
        height: 330px;
        position: fixed;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        border-bottom: 1px solid white;
        display: none;
    }

    .mobile-nav-icon {
        display: inline-block;
        z-index: 200;
        position: fixed;
        right: 3%;
    }

    nav ul {
        display: none;
    }

    .header-logo img {
        display: none;
    }

    /* Header homepage */
    .h1-homepage span {
        font-size: 50px; 
    }

    .h1-homepage {
        font-size: 22px; 
    }

    .h2-homepage {
        font-size: 20px; 
    }
 

    /* Header site */
    .header-site-img {
        height: 52vh;
    }

    .header-site-text {
        font-size: 25px;
    }

    .h2-site {
        font-size: 30px;
        margin-top: 1%;
    }

    .h3-site {
        margin-top: 1%;
    }

    /* Help */
    .help-site-contents img {
        width: 70%;
        margin: 0px auto;
        border-radius: 50%;
        border: 0px solid red;
    }

    .help-site-contents {
        display: block;
        text-align: center;
        width: 100%;
        border: 0px solid red;
        margin-top: 1%;
    }

    .help-site-contents:nth-child(2n+1) {
        display: block;
        text-align: center;
        width: 100%;
        border: 0px solid rgb(0, 128, 0);
    }

    .help-site-contents h2 {
        margin-top: 1%;
        margin-bottom: 2%;
    }

    .help-site-contents img {
        margin-top: 7%;
    }


    /* Gallery */
    .photo-segment li {
        width: 100%;
        display: block;
        margin-bottom: 1%;
}

}

/* ===== Standard 400px ===== */

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

       /* Header homepage */
    .h1-homepage span {
        font-size: 40px; 
    }

    .h1-homepage {
        font-size: 20px; 
    }

    .h2-homepage {
        font-size: 28px; 
    }

}