@charset "UTF-8";

#start-screen
{
    height: 500px;
}

.hero-slider li:first-of-type h2
{
    font-size: 40px;
    font-weight: 400;
}

.hero-slider li:nth-of-type(2) h2
{
    font-size: 50px;
    font-family: 'Dancing Script', cursive;
    font-weight: 400;
}

.hero-slider li:nth-of-type(3) h2
{
    font-size: 50px;
    font-family: 'Dancing Script', cursive;
}

.slider-nav
{
    top: 15px;
    right: 15px;
}

@media only screen and (min-width: 1200px)
{
    /* #start-screen
    {
        margin-left: 50px;
        margin-right: 50px;
    } */

    .hero-slider li:first-of-type h2
    {
        font-size: 60px;
        margin-bottom: 40px;
    }

    .hero-slider li:nth-of-type(2) h2
    {
        font-size: 100px;
    }

    .hero-slider li:nth-of-type(3) h2
    {
        font-size: 90px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    /* #start-screen
    {
        margin-left: 35px;
        margin-right: 35px;
    } */

    .hero-slider li:first-of-type h2
    {
        font-size: 60px;
        margin-bottom: 40px;
    }
    .hero-slider li:nth-of-type(2) h2
    {
        font-size: 80px;
    }

    .hero-slider li:nth-of-type(3) h2
    {
        font-size: 75px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px)
{

    #start-screen
    {
        /* margin-left: 20px;
        margin-right: 20px;*/
        height: 315px;
    } 

    .hero-slider li:first-of-type h2
    {
        font-size: 50px;
    }

    .hero-slider li:nth-of-type(2) h2
    {
        font-size: 60px;
    }

    .hero-slider li:nth-of-type(3) h2
    {
        font-size: 60px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
   #start-screen
    { height: 400px !important; }
}

@media only screen and (min-width: 482px) and (max-width: 768px){
    #start-screen
    {height: 400px;}
}
@media only screen and (max-width: 481px)
{

    #start-screen
    {
        height: 250px;
    } 

    .hero-slider li:nth-of-type(2)
    {
        text-align: left;
    }
}