.rest-1 {
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 10px;
}

.rest-2,
.rest-3,
.rest-4{
    width: 33.3%;
    height: 350px;
    background: white;
    padding: 10px;
    float: left;
    box-sizing: border-box;
    font-family: roboto_slab_regular;
    text-align:center;
    color: rgba(6,6,6,0.6);
	margin: auto;

}
.rest-2 h1,
.rest-3 h1,
.rest-4 h1{
	text-decoration: none;
	margin: auto;
	padding: 2px;
	font-size: 25px;
	text-align: center;
	font-family: roboto_slab_regular;
	color: rgba(6,6,6,0.6);
	
}

.rest-2 a, 
.rest-3 a {
	text-decoration: none;
}

.rest-2 p,
.rest-3 p,
.rest-4 p{
	margin: auto;
	padding: 2px;
	text-align: justify;
	font-size: 15px;
	font-family: roboto_slab_regular;
	color: rgba(6,6,6,0.5);
	
}

.rest-2 img, 
.rest-3 img, 
.rest-4 img{
    width: 100%;
    height: 60%;
    display: block;
    margin-left: auto;

}


@media screen and (max-width: 700px){
    
.rest-1 {
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 10px;
}
      
    .rest-2,
	.rest-3,
	.rest-4 {
    width: 100%;
    height: 290px;
    background: white;
    padding: 12px;
    float: left;
    box-sizing: border-box;
  
}

	.rest-2 img, 
	.rest-3 img, 
	.rest-4 img{
    width: 100%;
    height: 55%;
    display: block;
    margin-left: auto;
}


}