/*!
 * jQuery Cookiebar Plugin CSS
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Mark Searle, Carl Woodhouse.
 */
 
 .hover-grid .hover-grid-item {
	width: 450px;
	height: 450px;
	margin: 0 18px 18px 0;
	float: left;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	overflow:hidden;
	position:relative;
	cursor:default;
}

.hover-grid img {
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	border:0;
	position:absolute;
	margin: 0;
	padding: 0;
}

.hover-grid-item .caption {
	background-color: lightgray;
	width:450px;
	height:450px;
	padding: 18px;
	position:absolute;
	left:0;
	color: black;
	display:none;
	line-height:1.1;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}

.hover-grid-item .caption p {
	font-size: 15px;
	font-weight: 400;
	color: black;
}



@media screen and (max-width:967px){
    
    #project1,#project2,#project3,#project4{

        width:100%;
        height:auto;
      
    }
    
   
    .hover-grid .hover-grid-item{
        width:100%;
    }
    
    
    .hover-grid img{
        width:100%;
    }
    
    .hover-grid-item .caption{
       width:100%; 
        
    }
    
    
    .portimg{
    width:auto;
    height:auto;    
    }
       
}