@media(min-width:280px) {

    a.navbar-brand > img {
        width: 150px;
        height: auto;
    }

    .demo h1 {

        font-size: 2rem;
        line-height: 40px;
        letter-spacing: 0.1em;
    }

    #navbarNav .nav-item {
        border-bottom: 1px solid #333;
        text-decoration: none;
        cursor: pointer;
    }

    .demo a span {

        margin-left: -15px;
    }

    #breadcrumbs small {

        font-size: 73%;
    }

    #collection-holder .figure-caption {

        font-size: 80%;
    }

    footer small {

        font-size: 64%;
    }

    .painting-holder .overlay{
        width: 100%;
    }

}

@media(min-width:320px) {

    .series-title, .title {

        font-size: 1.3rem;
    }

    .form-control {

        padding: 0;
    }




}

@media(min-width:576px){

    .series-title, .title {

        font-size: 1.8rem;
    }

    #navbarNav .nav-item {

        border-bottom: none;
        text-decoration: none;
        cursor: pointer;

    }

    #breadcrumbs small {

        font-size: 80% !important;
    }

    #collection-holder .figure-caption {

        font-size: 90% !important;
    }

    footer small {

        font-size: 80% !important;
    }

}

@media(min-width:768px){

    .painting-holder .overlay{
        width: 0;
    }


}

@media(min-width:992px){


} 



@media(min-width:1200px){



}

@media(min-width:1920px){

    .series-title, .title {

        font-size: 2.5rem;
    }

}


@media only screen and (max-device-width: 1024px) {

}