@media(max-width: 1000px)
{
    .intro h1
    {
        font-size: 40px;
    }


    .intro .subtitle
    {
        font-size: 27.5px;
    }
}





@media(max-width: 850px)
{
    .header-carousel
    {
        height: 50vw !important;
    }


    .intro h1
    {
        font-size: 35px;
    }


    .intro .subtitle
    {
        font-size: 25px;
    }
}





@media(max-width: 768px)
{
    .centered-navbar-brand:link,
    .centered-navbar-brand:visited,
    .centered-navbar-brand:hover,
    .centered-navbar-brand:active
    {
        display: none !important;
    }


    .centered-navbar
    {
        display: none;
    }


    .navbar-brand:link,
    .navbar-brand:visited,
    .navbar-brand:hover,
    .navbar-brand:active
    {
        display: inherit;
    }


    .header-carousel img
    {
        width: 100%;
    }


    .header-carousel .carousel-control .Navigator
    {
        top: 25%;
    }


    .navbar ul
    {
        display: inherit;
        text-align: left !important;
    }


    .intro .album-art
    {
        margin-left: 10%;
        width: 80%;
    }


    .intro .song
    {
        width: 80%;
        margin-left: 10%;
    }
}





@media(max-width: 450px)
{
    footer
    {
        font-size: 122.5%;
    }
}





@media(max-width: 350px)
{
    footer
    {
        font-size: 120%;
    }
}