p { text-align: center }
.info h4 {font-size:12pt}
.advert { border:5px solid #ccc; border-left:0px;border-right: 0px; }
.myitem { background-color: #ffb1b1 ; padding:0px 5px }

.itemimage {
/* width:250px; */
/* min-height:200px !important; */
max-height:200px !important;
max-width:100%;
object-fit: cover;
}

.flexblock {
flex: 1 0 250px;padding:10px;
align-self: flex-end;
}


.clickable {
text-align: center;
background-color:#fff;
border:3px solid #fff;
padding-top:15px;
cursor: pointer;
}

.clickable h2 {font-size:18pt;}

.clickable:hover {
border-radius: 25px;
border:3px solid #cff970;
/* -webkit-box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.75); */
}

.info { margin:0px;border:1px solid #fff;}

.clickable:hover .info {
background-color: #cff970;
border-radius: 0 0  25px 25px;
}

.l1 img, .r1 img{
    transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
}

.r1:hover img {
  transform: scale(0.8) rotate(3deg);
}

.l1:hover img {
  transform: scale(0.8) rotate(-3deg);
}

.pink {  }
.blue {  }
.green {  }
#nothing { text-align:center; }
@keyframes wiggle
{
    0% {transform: rotateZ(2deg);}
    50% {transform: rotateZ(-2deg);}
    100% {transform: rotateZ(2deg);}
}
#nothingpic {
  background: url(images/baby-face-sad.png) no-repeat top center;
  background-size: contain;
  padding-top: 40%;
  max-width:350px;
  margin: 0 auto;
  animation: wiggle 0.2s ease;
  transform: rotatey( 180deg );
  animation-iteration-count: 6;
}

#showbanner {
      width: 250px;
      height: 200px;
      background: url("images/businesshere.jpg") 0 0;

      
}

@media screen and (min-width: 465px) {
  #showbanner {
      margin-top:20px;
      width: 450px;
      height: 200px;
      background: url("images/businesshere-wide.jpg") 0 0;
  }
}

.ds-content-layout .itemimage {
    width: auto !important;
}