button.themeButton {
        padding: 5px;
        border-radius: 15px;
        margin: 20px 0 30px 80px;
        background: linear-gradient(to right, #000 10%, #fff);
        color: #fff;
        transition: all 800ms ease-in-out;
    }
    button.themeButton:hover {
        cursor: pointer;
        padding: 5px;
        border-radius: 15px;
        margin-left: 80px;
        background: linear-gradient(to right, rgb(0, 0, 0) 60%, #fff);
        color: #fff;
    }
    footer p {
        text-align: center;
    }
    footer .gridOf2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center;
    }

@media (max-width: 851px) {
    a {
        display: inline;
        text-decoration: none;
    }
    li {
        list-style-type: none;
    }
    header {
        background-color: #BD9983;
    }
    header .footer {
        background-color: #4F4C43;
        color: #fff;
    }
    header .header /*.pages, */.logos img {
        display: none;
    }
    .menu .icons img {
        width: 30px;
    }
    /*.menu {
        display: none;
    }*/
}
@media (min-width: 851px) {
    a {
        text-decoration: none;
    }
    header {
        z-index: 3;
        position: sticky;
        top: 0;
        background-color: #BD9983;
        color: #fff;
        height: 11em;
        margin-bottom: 13px;
        margin: 7px;
        border-radius: 8px;
    }
    header .header {
        display: grid;
        grid-template-columns: 6fr 6fr;
    }
    header p {
        color: #fff;
        text-align: right;
        margin-block-start: 0;
        margin-block-end: 0;
    }
    header ul, header li {
        display: inline;
    }
    header a {
        color: #fff;
        text-decoration: none;
    }
    header ul {
        border-bottom: 1px solid #fff;
        margin-top: 15px;
        height: 24px;
        padding-inline-start: 0;
    }
    header ul.categories {
        border-bottom: none;
    }
    header .pages li {
        padding: 20px;
    }
    header .menu {
        display: grid;
        grid-template-columns: 1fr 8fr 1fr;
        position: relative;
        top: 15px;
    }
    header .menu ul { 
        text-align: center;
    }
    header .menu li {
        padding: 10px;
    }
    header .menu li:hover li {
        padding: 0;
    }
    header .menu li:hover li:nth-child(1) {
        margin-top: 10px;
    }
    header .menu a {
        font-size: 15px;
    }
    header .logo {
        margin-left: 40px;
    }
    header .logos img {
        float: right;
        position: relative;
        bottom: 3px;
        padding-right: 5px;
        margin: 0;
        height: 20px;
    }
    header .logos img.instagram {
        padding-right: 35px;
    }
    header .menu .footer {
        background-color: #4F4C43;
        color: #fff;
    }
    header .icons {
        padding-left: 10px;
        color: #fff;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    header .icons img {
        width: 25px;
    }
    header .footer {
        padding: 7px;
        text-align: center;
        margin-top: 30px;
        background-color: #4F4C43;
        color: #fff;
    }
    .dropdown-content a {
        color: #000;
    }
    .dropdown-content a:hover {
        color: #838383;
    }
    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    border-radius: 8px;
    min-width: 75%;
    margin: 0 auto;
    padding: 20px 40px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }
    .vetements a:hover {
        background-color: #f1f1f1;
        color: #8b8b8b;
    }
    li.vetements:hover .dropdown-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 15px auto;
    }
    li.vetements:nth-child(3):hover .dropdown-content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    li.vetements:nth-child(4):hover .dropdown-content {
        grid-template-columns: 1fr 1fr;
    }
    li.vetements:nth-child(5):hover .dropdown-content {
        grid-template-columns: 1fr;
        height: 4em;
    }
    li.vetements:nth-child(7):hover .dropdown-content {
        grid-template-columns: 1fr;
        height: 8em;
        padding: 0 0 10px;
    }
    li.vetements:nth-child(8):hover .dropdown-content {
        grid-template-columns: 1fr;
        height: 6em;
        padding: 0 0 10px;
    }
    li.vetements:nth-child(9):hover .dropdown-content {
        grid-template-columns: 1fr;
        height: 7em;
        padding: 0 0 10px;
    }
    /*li.vetements:nth-child(6):hover .dropdown-content {
        grid-template-columns: 1fr 1fr 1fr;
    }*/


    li.vetements:hover .dropdown-content li {
        display: block;
    }
    .dropdown-content a:hover {
        color: #8b8b8b;
    }
}