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

    main {
        width: 100% !important;
        /*-webkit-transition: none;*/
        /*transition: none;*/
    }

}

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

    /* Home */

    main#home {
        justify-content: space-around;
    }

    #logo-home {
        position: inherit;
        max-height: 600px;
        max-width: 400px;
    }

    #home h1 {
        font-size: 3rem;
    }

    #home h2 {
        font-size: 2rem;
    }

    .btn-menu-home {
        margin: 0;
        font-size: 3rem;
    }

    #selectlang-home {
        margin-bottom: 10%;
    }

    /* Nav home */

    .btn-menu-h {
        font-size: 2rem;
    }

    #ctnrLeft #image-logo-navhome {
        height: 300px;
        margin-top: 10%
    }

    .flag-respon {
        width: 60px;
    }

    #navHome {
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    #navHome #ctnrLeft {
        width: 100%;
        position: relative;
        height: 100%;
    }

    #navHome #ctnrRight {
        display: none;
    }

    /* Nav Other */

    #navOther .btn-menu-other {
        font-size: 3rem;
        margin: 30px;
    }

    /*#navOther #ctnrLeft img {
        height: 39.5px;
    }*/

    #navOther #ctnrLeft {
        width: 100%;
    }

    #navOther #ctnrLeft > div {
        height: 100%;
        width: 100%;
    }

    .image-logo-navother {
        height: 500px !important;
    }

    #navOther .btn-menu-o {
        font-size: 4rem;
    }

    #navOther .btn-menu-o li {
        padding: 30px;
    }

    #ctnrLeft img {
        margin-top: 0;
    }

    #navOther .selectLang {
        margin-bottom: 10%;
    }

    #navOther .contact .btn {
        font-size: 4rem;
        background-color: white;
        border: 3px solid #ccc;
        border-radius: 10px;
        color: #337ab7;
    }

    /* ABOUT US */

    .dispo-section-photo-text {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    #about .texte {
        font-size: 3rem;
        line-height: 50px;
    }

    #dispo-ma {
        padding-top: 100px;
        flex-direction: column-reverse;
    }

    #map {
        height: 500px !important;
    }

    /* Artwork */

    .orga-artwork {
        padding: 20px 0;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }

    .orga-artwork:nth-child(2n+0) {
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }

    #artwork .texte-artwork {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        text-align: justify;
        -moz-text-align-last: center;
        text-align-last: center;
        padding: 0 5%;
    }

    #artwork .texte-artwork p {
      font-size: 3rem;
    }

    #artwork .orga-artwork {
      visibility: visible;
    }

    #artwork .orga-artwork ul {
      font-size: 3rem;
      margin: 0;
      margin-bottom: 10px;
      padding: 0;
      list-style: none;
    }

    #artwork .orga-artwork:nth-child(1n+0) .texte-artwork {
        align-items: center;
        text-align: center;
    }

    #artwork .orga-artwork:nth-child(2n+0) .texte-artwork {
        align-items: center;
        text-align: center;
    }

    #artwork .orga-artwork:nth-child(1n+0) .image-artwork {
        justify-content: center;
    }

    #artwork .orga-artwork:nth-child(2n+0) .image-artwork {
        justify-content: center;
    }


    #artwork .titre-art {
        font-size: 4rem;
    }

    .location-art {
        font-size: 3.5rem;
    }

    .date-art {
        font-size: 3.3rem;
    }

    /* FOOTER */

    .footer-logo {
        display: none;
    }

    #footer {
        flex-direction: column;
        font-size: 2rem;
    }

    #footer > div {
        width: 100%;
    }

    /*#footer p {
        padding: 0;
    }*/

    #footer-left {
        text-align: center;
    }

    #footer-left p:first-child {
        text-decoration: underline;
    }

    #footer-center {
        display: none;
    }

    #footer-right {
        text-align: center;
    }

    #footer-right p:first-child {
        text-decoration: underline;
    }

    /* MODAL */

    .modal-dialog {
        width: 80%;
    }

    .btn-default {
        font-size: 2rem;
    }

    .btn.btn-primary {
        font-size: 2rem;
    }

    .modal h2 {
        font-size: 4rem;
    }

    .modal label {
        font-size: 2rem;
    }

    .modal .form-control {
        height: 60px;
    }

    #event .h2-top {
      margin-top: 100px;
      border-top: none;
    }

    .temp-event {
      visibility: visible;
    }

    .temp-event p,
    .temp-event a {
      font-size: 3rem;
    }

    .temp-event h2 {
      font-size: 5rem;
    }

    .temp-event h3 {
      font-size: 4rem;
    }

    i.material-icons {
      font-size: 38px;
    }

    #ctnrLeft ul#social-links img {
      height: 50px;
      margin: 0 30px;
    }

    #menu-home li, #navOther .btn-menu-o li {
      padding: 30px 0;
      font-size: 3rem;
    }

    #about #image2,
    #about #image3 {
      background-attachment: initial;
      background-size: contain;
      background-color: rgba(43, 28, 15, .05);
      height: 400px;
    }

    .mon-bijou {
      font-size: 3rem;
    }

    .border {
      visibility: visible;
      font-size: 5rem;
    }

}