.overlay
{

    margin: auto;
    width: 100%;
    height: 294px;
    color: #fff;
    z-index: 991;
    top: 0px;
    position: absolute;
    background-color: rgba(16, 13, 13, 0.68);

}


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


.overlay
{

    margin: auto;
    width: 100%;
    height: 294px;
    color: #fff;
    z-index: 991;
    top: 0px;
    position: absolute;
    background-color: rgba(16, 13, 13, 0.68);

}

.our-project a img
{
margin-bottom:5px;	
}

}

@media only screen and (max-width : 768px)
{
.navbar-default .navbar-collapse
{
background-color: rgb(5, 5, 5);
}

nav img
{
/*--position: absolute;--*/
z-index:-1;

}

.tile-style p
{
    font-size: 12px;
}

.overlay
{

    margin: auto;
    width: 100%;
    height: 294px;
    color: #fff;
    z-index: 991;
    top: 0px;
    position: absolute;
    background-color: rgba(16, 13, 13, 0.68);

}

.our-project a img
{
margin-bottom:5px;	
}




}

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

.overlay
{

    margin: auto;
    width: 100%;
    height: 288px;
    color: #fff;
    z-index: 991;
    top: 0px;
    position: absolute;
    background-color: rgba(16, 13, 13, 0.68);

}


.our-project a img
{
margin-bottom:5px;	
}





















}


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

.overlay
{

    margin: auto;
    width: 100%;
    height: 268px;
    color: #fff;
    z-index: 991;
    top: 0px;
    position: absolute;
    background-color: rgba(16, 13, 13, 0.68);

}

.our-project a img
{
margin-bottom:5px;	
}


}