/*   GENERAL   */
:root {
    --dark-grey: #555;
    --light-grey: #999;
    --light-color: #f9f9f9;
}

::selection {
    background: rgba(170, 152, 24, 0.4);
}

::-moz-selection {
background: rgba(170, 152, 24, 0.4);
}

* {
    margin: 0;
    padding: 0;
}

p {
    font-family: 'PT Serif', serif;
}

h2 {
    
    color: rgb(38, 36, 47);
    font-size: 40px;
    font-weight: 700;
    
}

body {
    background-color: #ffffff;
    color: #555;
    font-family: "Muli", Arial, sans-serif;
    padding-top: 8em;
}

/*  Nav  */
.top-navbar {
    align-items: center;
    background-color: transparent;
    color: #AA9818;
    display: flex;
    font-size: 18px;
    justify-content: space-around;
    padding: 30px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: padding ease-out 0.2s;
}

.navbar-logo {
    display: inline-block;
}

#nav-check, .nav-chlab {
    display: none;
}

.navbar-links {
    float: right;
}

.navbar-links > a {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    color: #AA9818;
}

.navbar-links > a:hover span,
.navbar-links > a:focus span {
    border-bottom: 2px solid #AA9818;
}

.nav-bar-scroll {
    padding: 15px;
    background-color: #ffffff;
    transition: ease-in 0.2s;
    box-shadow: 0px -1px 2px 0px #000000;
}

#nav-icon3 {
    width: 25px;
    height: 15px;
    position: relative;
    margin: 5px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
  
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #AA9818;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
    top: 0px;
}
  
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 8px;
}
  
#nav-icon3 span:nth-child(4) {
    top: 16px;
}
  
#nav-icon3.open span:nth-child(1) {
    top: 8px;
    width: 0%;
    left: 50%;
}
  
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
  
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  
#nav-icon3.open span:nth-child(4) {
    top: 8px;
    width: 0%;
    left: 50%;
}

@media(max-width: 750px) {
    .top-navbar {
        justify-content: space-between;
    }

    .nav-chlab {
        display: inline-block;
        float: right;
        font-size: 28px;
        max-height: 38px;
        padding: 0px 10px;
        margin: 0;
    }
    
    .nav-chlab:hover, #nav-check:checked ~ .nav-chlab {
        cursor: pointer;
    }

    .navbar-links, .navbar-links > a {
        display: block;
        margin: 7px 0;
        width: 100%;
    }

    .nav-bar-scroll .navbar-links {
        top: 50px;
    }
    
    .navbar-links {
        position: absolute;
        transition: all 0.4s ease-in;
        overflow-y: hidden;
        background-color: #333;
        top: 80px;
        left: 0px;
    }

    #nav-check:not(:checked) ~ .navbar-links {
          height: 0px;
    }

    #nav-check:checked ~ .navbar-links {
        height: calc(100vh - 38px);
        overflow-y: auto;
        padding: 15px;
    }
}

h1 {
    color: var(--dark-grey, #555);
    font-size: 44px;
    text-align: center;
}

.title {
    color: var(--light-grey, #999);
    font-size: 14px;
    text-align: center;
}

.title::after {
    border-bottom: 3px solid var(--dark-grey, #555);
    content: '';
    display: block;
    height: 0;
    margin: 20px auto 0 auto;
    width: 70px;
}

.tabs {
    display: block;
    text-align: center;
}

.tabs li {
    display: inline-block;
    margin: 0 1em;
}

.tabs li a {
    color: #555;
}

.onglets li a:hover {
    text-decoration: none;
}

.tab-content {
    display: none;
    grid-gap: 15px;
    margin: auto;
    max-width: 1000px;
    padding: 30px 0;
}

.tab-content.active {
    display: grid;
    display: -ms-grid;
}

.tabs .active a {
    color: #AA9818;
}

figure {
    margin: 0;
}

.thumbnail {
    position: relative;
}

.tab-content img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.text-underline {
    box-shadow: inset 0 -5px 0 rgba(170, 152, 24, 0.6);
    -webkit-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.text-underline:hover {
    box-shadow: inset 0 -18px 0 rgba(170, 152, 24, 0.6);
}

/* Hover effect img */
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;
    cursor: default;
    background: #000000;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 20px 20px;
}

.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hovereffect:hover img {
    opacity: 0.25;
    filter: alpha(opacity=40);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.hovereffect h2 {
    display: block;
    text-transform: uppercase;
    color: transparent;
    text-align: left;
    position: relative;
    font-size: 17px;
    overflow: hidden;
    padding: 0.5em 0;
    background-color: transparent;
    font-weight: 700;
}

.hovereffect:hover h2 {
    color: #FFF;
}

.hovereffect a, .hovereffect p {
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*   HOMEPAGE   */

/* Pêle-mêle */
.grid-all {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(13, 110px);
}

.thumbnail-all:first-child,
.thumbnail-all:nth-child(14) {
    grid-column-start: span 5;
    grid-row-start: span 4;
}

.thumbnail-all:nth-child(2),
.thumbnail-all:nth-child(5),
.thumbnail-all:nth-child(13),
.thumbnail-all:nth-child(15) {
    grid-column-start: span 2;
    grid-row-start: span 2;
}

.thumbnail-all:nth-child(3),
.thumbnail-all:nth-child(4),
.thumbnail-all:nth-child(6),
.thumbnail-all:nth-child(11),
.thumbnail-all:nth-child(12),
.thumbnail-all:nth-child(16) {
    grid-column-start: span 3;
    grid-row-start: span 2;
}

.thumbnail-all:nth-child(7) {
    grid-column-start: span 4;
    grid-row-start: span 2;
}

.thumbnail-all:nth-child(8),
.thumbnail-all:nth-child(9) {    
    grid-column-start: span 3;
    grid-row-start: span 3;
}

.thumbnail-all:nth-child(10) {
    grid-column-start: span 4;
    grid-row-start: span 3;
}

.thumbnail-all:nth-child(7) img {
    object-position: top;
}

.thumbnail-all:nth-child(11) img {
    object-position: top;
}


/* ID visuelle */
.grid-id {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(4, 225px);
}

.thumbnail-id:first-child,
.thumbnail-id:nth-child(4),
.thumbnail-id:nth-child(2),
.thumbnail-id:nth-child(3) {
    grid-column-start: span 5;
    grid-row-start: span 2;
}

/* Affiches */
.grid-affiche {
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(2, 225px);
}

.thumbnail-affiche:first-child,
.thumbnail-affiche:nth-child(2),
.thumbnail-affiche:nth-child(3) {
    grid-column-start: span 3;
    grid-row-start: span 2;
}

/* Print */
.grid-print {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(3, 225px);
}

.thumbnail-print:first-child,
.thumbnail-print:nth-child(2) {
    grid-column-start: span 5;
    grid-row-start: span 1;
}

.thumbnail-print:nth-child(3),
.thumbnail-print:nth-child(7) {
    grid-column-start: span 2;
    grid-row-start: span 1;
}

.thumbnail-print:nth-child(4),
.thumbnail-print:nth-child(6) {
    grid-column-start: span 3;
    grid-row-start: span 1;
}

.thumbnail-print:nth-child(5) {
    grid-column-start: span 5;
    grid-row-start: span 2;
}

.thumbnail-print:nth-child(2) img {
    object-position: top;
}

/* Event */
.grid-event {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 225px);
}

.thumbnail-event:first-child,
.thumbnail-event:nth-child(2) {
    grid-column-start: span 5;
    grid-row-start: span 2;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* PAGES SECONDAIRES */

/* Common pages secondaires */
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    padding-right: 5px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #000000;
}

.liste-picto {
    list-style: none;
}

.liste-picto li {
    margin-bottom: .5em;
}

.liste-picto li span:first-child {
    color: grey;
    text-transform: uppercase;
}

.liste-picto span:after {
    content: " :";
}


.bg-text-center {
    display: flex;
    max-width: 1000px;
    margin: auto;
}


/*   Grid-image1   */
.grid-image1 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(3, 200px);
}

.thumbnail-image1:first-child img {
    object-position: top;
}

.thumbnail-image1:first-child,
.thumbnail-image1:nth-child(4) {
    grid-column-start: span 6;
    grid-row-start: span 1;
}

.thumbnail-image1:nth-child(2),
.thumbnail-image1:nth-child(3) {
    grid-column-start: span 4;
    grid-row-start: span 1;
}

.thumbnail-image1:nth-child(5) {
    grid-column-start: span 10;
    grid-row-start: span 1;
}

/*   Grid-image2   */
.grid-image2 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(8, 90px);
}

.thumbnail-image2:first-child,
.thumbnail-image2:nth-child(2) {
    grid-column-start: span 5;
    grid-row-start: span 5;
}

.thumbnail-image2:nth-child(3),
.thumbnail-image2:nth-child(4) {
    grid-column-start: span 5;
    grid-row-start: span 3;
}

/*   Grid-image3   */
.grid-image3 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 40px);
}

.thumbnail-image3:first-child {
    grid-column-start: span 6;
    grid-row-start: span 4;
}

.thumbnail-image3:nth-child(2) {
    grid-column-start: span 4;
    grid-row-start: span 4;
}

.thumbnail-image3:nth-child(3) {
    grid-column-start: span 4;
    grid-row-start: span 6;
}

.thumbnail-image3:nth-child(4) {
    grid-column-start: span 6;
    grid-row-start: span 6;
}

/*   Grid-image4   */
.grid-image4 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(5, 100px);
}

.thumbnail-image4:first-child {
    grid-column-start: span 4;
    grid-row-start: span 2;
}

.thumbnail-image4:nth-child(2) {
    grid-column-start: span 6;
    grid-row-start: span 2;
}

.thumbnail-image4:nth-child(3) {
    grid-column-start: span 10;
    grid-row-start: span 3;
}

.thumbnail-image4:nth-child(2) img {
    object-position: top;
}

/*   Grid-image5   */
.grid-image5 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(5, 150px);
}

.thumbnail-image5:first-child {
    grid-column-start: span 5;
    grid-row-start: span 3;
}

.thumbnail-image5:nth-child(2) {
    grid-column-start: span 5;
    grid-row-start: span 3;
}

/*   Grid-image6   */
.grid-image6 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(5, 120px);
}

.thumbnail-image6:first-child,
.thumbnail-image6:nth-child(6) {
    grid-column-start: span 3;
    grid-row-start: span 2;
}

.thumbnail-image6:nth-child(2) {
    grid-column-start: span 4;
    grid-row-start: span 2;
}

.thumbnail-image6:nth-child(3),
.thumbnail-image6:nth-child(4) {    
    grid-column-start: span 3;
    grid-row-start: span 3;
}

.thumbnail-image6:nth-child(5) {
    grid-column-start: span 4;
    grid-row-start: span 3;
}

/*   Grid-image7   */
.grid-image7 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 230px);
}

.thumbnail-image7:first-child {
    grid-column-start: span 2;
    grid-row-start: span 2;
}

.thumbnail-image7:nth-child(2) {
    grid-column-start: span 2;
    grid-row-start: span 1;
}

.thumbnail-image7:nth-child(3),
.thumbnail-image7:nth-child(4) {    
    grid-column-start: span 1;
    grid-row-start: span 1;
}

.thumbnail-image7:nth-child(5),
.thumbnail-image7:nth-child(6) {
    grid-column-start: span 2;
    grid-row-start: span 1;
}

/*   Grid-image8   */
.grid-image8 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 250px);
}

.thumbnail-image8:first-child {
    grid-column-start: span 5;
    grid-row-start: span 2;
}

.thumbnail-image8:nth-child(2),
.thumbnail-image8:nth-child(3) {
    grid-column-start: span 5;
    grid-row-start: span 1;
}

/*   Grid-image9   */
.grid-image9 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 40px);
}

.thumbnail-image9:first-child {
    grid-column-start: span 4;
    grid-row-start: span 10;
}

.thumbnail-image9:nth-child(2),
.thumbnail-image9:nth-child(5) {
    grid-column-start: span 3;
    grid-row-start: span 5;
}


.thumbnail-image9:nth-child(3) {
    grid-column-start: span 3;
    grid-row-start: span 4;
}

.thumbnail-image9:nth-child(4) {
    grid-column-start: span 3;
    grid-row-start: span 6;
}

/*   Grid-image10   */
.grid-image10 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 240px);
}

.thumbnail-image10:first-child {
    grid-column-start: span 4;
    grid-row-start: span 2;
}

.thumbnail-image10:nth-child(2),
.thumbnail-image10:nth-child(3) {
    grid-column-start: span 3;
    grid-row-start: span 1;
}

.thumbnail-image10:nth-child(4) {
    grid-column-start: span 6;
    grid-row-start: span 1;
}

/*   Grid-image11   */
.grid-image11 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 225px);
}

.thumbnail-image11:first-child {
    grid-column-start: span 5;
    grid-row-start: span 2;
}

.thumbnail-image11:nth-child(2),
.thumbnail-image11:nth-child(3) {
    grid-column-start: span 5;
    grid-row-start: span 1;
}

/*   Grid-image12   */
.grid-image12 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 240px);
}

.thumbnail-image12:first-child {
    grid-column-start: span 4;
    grid-row-start: span 2;
}

.thumbnail-image12:nth-child(2),
.thumbnail-image12:nth-child(3) {
    grid-column-start: span 3;
    grid-row-start: span 1;
}

.thumbnail-image12:nth-child(4) {
    grid-column-start: span 6;
    grid-row-start: span 1;
}

/*   Grid-image13   */
.grid-image13 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 220px);
}

.thumbnail-image13:first-child,
.thumbnail-image13:nth-child(6) {
    grid-column-start: span 3;
    grid-row-start: span 2;
}

.thumbnail-image13:nth-child(2) {
    grid-column: 4/6;
    grid-row: 1/span 1;
}

.thumbnail-image13:nth-child(3) {
    grid-column: 6/8;
    grid-row: 1/span 1;
}

.thumbnail-image13:nth-child(4) {
    grid-column: 4/6;
    grid-row: 2/span 1;
}

.thumbnail-image13:nth-child(5) {
    grid-column: 6/8;
    grid-row: 2/span 1;
}

/*   Grid-image14   */
.grid-image14 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 225px);
}

.thumbnail-image14:first-child {
    grid-column-start: span 5;
    grid-row-start: span 2;
}

.thumbnail-image14:nth-child(2),
.thumbnail-image14:nth-child(3) {
    grid-column-start: span 5;
    grid-row-start: span 1;
}

/*   Grid-image15   */
.grid-image15 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 220px);
}

.thumbnail-image15:first-child,
.thumbnail-image15:nth-child(3),
.thumbnail-image15:nth-child(4),
.thumbnail-image15:nth-child(5) {
    grid-column-start: span 1;
    grid-row-start: span 1;
}

.thumbnail-image15:nth-child(2) {
    grid-column-start: span 1;
    grid-row-start: span 2;
}



/*   Grid-image16   */
.grid-image16 {
    grid-template-columns: repeat(20, 1fr);
    grid-template-rows: repeat(16, 22px);
}

.thumbnail-image16:first-child {
    grid-column-start: span 7;
    grid-row-start: span 16;
}

.thumbnail-image16:first-child img{
    object-position: left;
}

.thumbnail-image16:nth-child(2) {
    grid-column-start: span 13;
    grid-row-start: span 7;
}

.thumbnail-image16:nth-child(3) {
    grid-column-start: span 13;
    grid-row-start: span 9;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*   RESPONSIVE   */

@media (max-width: 900px) {
    /*   HOMEPAGE   */

    /* Pêle-mêle */
    .grid-all {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(18, 200px);
    }

    .thumbnail-all:first-child,
    .thumbnail-all:nth-child(6),
    .thumbnail-all:nth-child(9),
    .thumbnail-all:nth-child(14) {
        grid-column-start: span 1;
        grid-row-start: span 3;
    }

    .thumbnail-all:nth-child(2),
    .thumbnail-all:nth-child(3),
    .thumbnail-all:nth-child(5),
    .thumbnail-all:nth-child(8),
    .thumbnail-all:nth-child(11),
    .thumbnail-all:nth-child(13) {
        grid-column-start: span 1;
        grid-row-start: span 2;
    }

    .thumbnail-all:nth-child(4),
    .thumbnail-all:nth-child(10),
    .thumbnail-all:nth-child(12),
    .thumbnail-all:nth-child(15) {
        grid-column-start: span 1;
        grid-row-start: span 1;
    }

    .thumbnail-all:nth-child(7),
    .thumbnail-all:nth-child(16) {
        grid-column-start: span 2;
        grid-row-start: span 2;
    }

    
    .thumbnail-all:nth-child(8) img {
        object-position: top;
    }

    .thumbnail-all:first-child {
        order: 1;
    }

    .thumbnail-all:nth-child(2) {
        order: 2;
    }

    .thumbnail-all:nth-child(3) {
        order: 3;
    }

    .thumbnail-all:nth-child(4) {
        order: 4;
    }

    .thumbnail-all:nth-child(5) {
        order: 6;
    }

    .thumbnail-all:nth-child(6) {
        order: 7;
    }

    .thumbnail-all:nth-child(7) {
        order: 5;
    }

    .thumbnail-all:nth-child(8) {
        order: 10;
    }

    .thumbnail-all:nth-child(9) {
        order: 9;
    }

    .thumbnail-all:nth-child(10) {
        order: 8;
    }

    .thumbnail-all:nth-child(11) {
        order: 11;
    }

    .thumbnail-all:nth-child(12) {
        order: 12;
    }

    .thumbnail-all:nth-child(13) {
        order: 15;
    }

    .thumbnail-all:nth-child(14) {
        order: 14;
    }

    .thumbnail-all:nth-child(15) {
        order: 16;
    }

    .thumbnail-all:nth-child(16) {
        order: 13;
    }

    /* Print */
    .grid-print {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(9, 150px);
    }

    .thumbnail-print:nth-child(4) {
        grid-column-start: span 1;
        grid-row-start: span 1;
    }

    .thumbnail-print:nth-child(2) {
        grid-column-start: span 2;
        grid-row-start: span 2;
    }

    .thumbnail-print:nth-child(5),
    .thumbnail-print:nth-child(7) {
        grid-column-start: span 1;
        grid-row-start: span 2;
    }

    .thumbnail-print:first-child,
    .thumbnail-print:nth-child(3),
    .thumbnail-print:nth-child(6) {
        grid-column-start: span 1;
        grid-row-start: span 3;
    }

    .thumbnail-print:nth-child(2) img {
        object-position: top;
    }

    .thumbnail-print:first-child {
        order: 7;
    }

    .thumbnail-print:nth-child(2) {
        order: 5;
    }

    .thumbnail-print:nth-child(3) {
        order: 1;
    }

    .thumbnail-print:nth-child(4) {
        order: 4;
    }

    .thumbnail-print:nth-child(5) {
        order: 3;
    }

    .thumbnail-print:nth-child(6) {
        order: 6;
    }

    .thumbnail-print:nth-child(7) {
        order: 2;
    }
}

@media (max-width: 550px) {
    .tab-content.active {
        display: block;
        padding: 50px 0 0 0;
        text-align: center;
        width: 100%;
    }

    .thumbnail,
    .hovereffect {
        margin-bottom: 20px;
    }
}

@media (max-width: 1060px) {
    .tabs-content {
        margin: 0 20px;
    }
}

@media (max-width: 767px) {
    .liste-picto {
        margin-top: 1.5em; 
    }
}

@media (max-width: 575px) {
    .container {
        max-width: none;
        margin: 0 20px;
        width: auto;
        padding: 0;
    }
}

.browser .explorer {
    display: none;
}

@media screen and (min-width:0\0) {
    .browser .all-browser{
        display: none;
    }

    .browser .explorer {
        text-align: justify;
        display: block;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .browser .all-browser{
        display: none;
    }
    .browser .explorer {
        display: block;
    }
}

.about h1 {
    text-align: left;
    font-weight: 900;
}

.about .gold-link {
    color: rgba(170, 152, 24, 1);
}