.box23{

    border-radius: 4px;
    padding:       3px;
    background: #f2f5f6;
}.portfolio .thumbnail {
    position: relative;
}

.portfolio .thumbnail:hover {
    cursor: pointer;
}

.portfolio .caption {
    bottom: 0;
    position: absolute;
}

.portfolio .btn {
    opacity: 0.75;
}
.wrapper {
  display: inline-block;
  margin-top: 25px;
  margin-left: 0px;
  position: relative;  
 
}

.wrapper img {
  display: block;
  max-width:100%;
  padding-left: 0px;
  padding-right: 0px;


}

.wrapper .overlay {
  position: absolute;
  top:0;
  left:0px;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0);
  color:white;
  
}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 100%; }
}.myButton {
	background-color:transparent;
	display:inline-block;
        border: 2px solid #c0dd43;
        border-radius: 5px;
	cursor:pointer;
	color:#337ac7;
	font-family:Arial;
	font-size:14pt;
	padding:3px 3px;
	text-decoration:none;
        text-align:left;
	width: 190px;
	overflow: hidden;  
      
        
}
.myButton:hover {
	background-color:#0688fa;
}
.myButton:active {
	position:relative;
	top:1px;
}
.gap-top {
  margin-top: -10px; 
}.space { margin:0; padding:0; height:50px; } // height as desired