@media only screen and (min-width: 1000px) {
    .hero-container img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    header {
        background-color: #333333;
        height: fit-content;
        margin: auto;
        width: 80%;
        text-align: center;
        color: #a5a5a5;
        font-family: 'Mulish', sans-serif;
        font-size: 14pt;
    }
    footer {
        background-color: #333333;
        font-family: 'Mulish', sans-serif;
        margin: auto;
        width: 80%;
    }
    
    * {
        margin: 0;
    }
    .hero-container {
        display: block;
        width: 100%;
        height: 450px;
        overflow: hidden;
        background-color: #d4c0d6;
        height: fit-content;
    }
    
    .tagline {
        background-color: #d4c0d6;
        font-family: 'Mulish', sans-serif;
        font-size: 24pt;
        text-align: center;
    }
    
    .about-us {
        background-color: #fff;
    }
    .about-us-content {
        margin-left: 50px;
        margin-right: 50px;
    }
    
    .about-us-header {
        font-family: 'Mulish', sans-serif;
        text-align: center;
    }
    
    .about-us-table {
        display: flex;
        width: 100%;
    }
    
    .about-us-column {
        color: #5c5c5c;
        width: 33%;
        margin: 30px;
        font-family: 'Mulish', sans-serif;;
        text-align: center;
    }
    
    .separator {
        width: 1px;
        background-color: #dedede;
        height: 220px;
        
    }
    
    .games-list {
        margin-left: 50px;
        margin-right: 50px;
    }
    
    .games {
        background-color: #fff;
    }
    
    .games-header {
        font-family: 'Mulish', sans-serif;
        text-align: center;   
    }
    
    .game-card {
        color: #5c5c5c;
        display: flex;
        width: 100%;
    }
    
    .game-description {
        color: #5c5c5c;
        font-family: 'Mulish', sans-serif;
        text-align: left;
        padding-right: 25px;
        width: 45%;
    }
    
    .game-screenshot {
        width:55%;
        overflow: hidden;
    }
    
    .game-screenshot img {
        width:100%;
        border-radius: 10px;
        object-fit: contain;
    }
    
    
    .content {
        max-width: fit-content;
        margin: auto;
        width: 80%;
    }
    
    body {
        background-color: #333333;
    }
    
    .footer-name {
        color: #fff;
        font-size: x-small;
        text-align: center;
    }
    
    .copyright {
        font-size: x-small;
        text-align: left;
        margin-left: 25px;
        color: #a7a7a7;
    }
}