@media (max-width: 991px) {
    #main-header {
        padding-bottom: 70%;
    }

    #main-header video {
        width: 135%;
    }

    #platforms-container {
        top: 0;
        right: -35%;
        width: 115%;
        padding-bottom: 28%;
        background-size: contain;
    }


    /* About Section */
    #about-section {
        padding: 20vw 0;
        margin-top: -18vw;
        background-image: url('../images/backgrounds/about-background-vertical.png');
    }

    #about-section h1 {
        font-size: 9vw;
        margin-bottom: 5vw;
        text-align: center;
    }

    #about-section .description {
        font-size: 2.7vw;
        margin-bottom: 6vw;
        text-align: center;
    }

    #about-section h3 {
        font-size: clamp(0.1vw, 5vw, 45px);
        text-align: center;
    }

    #about-section .description-list {
        font-size: 2.3vw;
    }


    /* News Section */
    #news-section {
        padding: 25vw 0;
        margin-top: -19vw;
        background-image: url('../images/backgrounds/news-background-vertical.png');
    }
    #news-section h1 {
        text-align: center;
        width: 100%;
        font-size: 7vw;
        margin-bottom: 10vw;
    }

    /* Media Section */
    #media-section {
        margin-top: -12.5vw;
        padding: 22vw 0;
    }
    #media-section h3 {
        text-align: center;
        font-size: 6vw;
    }

    #media-section h2 {
        text-align: center;
        font-size: 7.5vw;
    }

    #media-section .description {
        text-align: center;
        font-size: 3.7vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }

    #media-watch-btn {
        margin: auto;
        width: 34.5vw;
        padding-bottom: 12vw;
    }

    .youtube-iframe {
        display: block;
        margin: auto;
        width: 70vw;
        height: 40vw;
        margin-top: 8vw;
    }

    .main-nav-item {
        font-size: 2vw;
    }

    #main-nav .nav-item {
        margin-left: 0;
    }
}


@media (max-width: 767px) {
    #main-header {
        padding-bottom: 70%;
    }

    #main-header video {
        width: 135%;
    }

    footer {
        padding: 15vw 0;
    }

    .footer-social-buttons {
        display: flex;
        justify-content: center;
    }

    .footer-to-top {
        text-align: center;
        float: none !important;
        font-size: 3.5vw;
        margin-top: 5vw;
    }

    .footer-nav .nav {
        display: flex;
        justify-content: center;
    }

    .footer-nav .footer-nav-item {
        font-size: 5.4vw;
    }

    .legal-text {
        font-size: 3vw;
        text-align: center;
    }

    .legal-links {
        text-align: center;
        margin-top: 4vw;
    }

    .legal-links a {
        font-size: 3vw;
    }

    .footer-platforms {
        justify-content: center;
        margin-top: 4vw;
    }

    .footer-platforms img {
        width: 50vw;
    }

    .news-box {
        width: 80%;
        margin: auto;
        margin-bottom: 8vw;
    }

    #news-section .news-date {
        font-size: 3vw;
    }

    #news-section .news-title {
        font-size: 4.5vw;
    }

    .main-nav-item {
        font-size: 3vw;
    }

    #sony-legal {
        text-align: center;
        padding-left: 0;
    }

}


@media (max-width: 575px) {

    #about-section {
        padding: 45vw 0;
        margin-top: -24vw;
    }

    #about-section h1 {
        font-size: 15vw;
        margin-bottom: 10vw;
    }

    #about-section .description {
        font-size: 6vw;
        margin-bottom: 17vw;
    }

    #about-section h3 {
        font-size: 8vw;
    }

    #about-section .description-list {
        font-size: 5.5vw;
    }

    #news-section {
        padding: 0;
        padding-top: 50vw;
        padding-bottom: 30vw;
        margin-top: -25vw;
    }

    #news-section h1 {
        font-size: 12vw;
    }

    #media-section h2 {
        font-size: 12.5vw;
    }

    #media-section h3 {
        font-size: 10vw;
    }

    #media-section .description {
        font-size: 6vw;
    }


    #main-header {
        padding-bottom: 160vw;
    }

    #main-header video {
        position: absolute;
        left: -45vw;
        width: auto;
        height: 100%;
    }

    #header-content {
        width: 80%;
        bottom: 10%;
        align-items: center;
        left: 10%;
    }

    #platforms-container {
        position: relative;
        top: initial;
        left: initial;
        right: inherit;
        width: 60%;
        margin: auto;
    }
}


@media (min-width: 1320px) 
{
    .container {
        max-width: 80vw;
    }
}