@media (min-width: 300px) {
    main {
        flex-grow: 1;
        display: flex;
    }
    
    .content-container {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .Multiverse_Logo {
        display: flex;
        width: 84%;
        height: 20%;
        z-index: 1;
    }

    .movie-text {
        display: none;
    }

    .Button_Link {
        background-color: #FD0000;
        height: 38px;
        width: 194px;
        font-weight: 400;
        position: relative;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.25rem;
        font-style: italic;
    }
}

@media (min-width: 768px) {
    main {
        flex-grow: 1;
        display: flex;
        max-width: 50%;
    }
    
    .content-container {
        display: flex;
        position: relative;
        flex-direction: column;
    }

    .Multiverse_Logo {
        display: flex;
        width: 432px;
        height: 139px;
    }

    .movie-text {
        width: 474px;
        height: 172.74px;

        font-family: 'Mulish';
        font-style: normal;
        font-weight: 100;
        font-size: 0.9rem;
        line-height: 30px;
        display: flex;
        align-items: center;

        color: #FFFFFF;

        text-shadow: 3px 4px 3px #000000;
    }

    .Button_Link {
        background-color: #FD0000;
        height: 38px;
        width: 194px;
        font-weight: 400;
        position: relative;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.25rem;
        font-style: italic;
    }
}

@media (min-width: 992px) {
    
    .content-container {
        row-gap: 0px;
    }
    
    .Multiverse_Logo {
        display: flex;
        width: 460px;
        height: 138px;
        transform:translateY(20px);
    }
    
    .movie-text {
        display: flex;
        justify-self:  center;
        font-weight:100;
        width: 480px;
        font-size: 1.1rem;
    }
    
    .Button_Link {
        background-color: #FD0000;
        height: 50px;
        width: 300px;
        font-weight: 200;
        position: relative;
        border-radius: 6px;
        display: flex;
        justify-self:  center;
        justify-content: center;
        align-items: center;
        font-size: 1.5rem;
        font-style: italic;
    }
}