.carouselsh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  min-width: 100%;
  padding: 20px 0;
}

.carouselsh a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    -webkit-box-shadow: 0 0 9px 0 #A1A1A1;
    box-shadow: 0 0 9px 0 #A1A1A1;
    min-width: 200px;
    width: 200px;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    border-radius: 5px;
    color: #34495e;
}

.carouselsh a:hover {
    background: #4B4B4B;
    color: white; 
}




.carouselsh-resources {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  min-width: 100%;
  padding: 20px 0;
}

.carouselsh-resources a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    -webkit-box-shadow: 0 0 9px 0 #A1A1A1;
    box-shadow: 0 0 9px 0 #A1A1A1;
    min-width: 200px;
    width: 200px;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    border-radius: 5px;
    color: #34495e;
}

.carouselsh-resources a:hover {
    background: #4B4B4B;
    color: white;
}

.carouselsh-resources a:last-child {
    -webkit-box-shadow: 0 0 9px 0 #4B4B4B;
    box-shadow: 0 0 9px 0 #4B4B4B;
    background: #4B4B4B;
    color: white;
}

.carouselsh-resources a:last-child:hover {
  background: white;
  color: #4B4B4B;
}

.carouselsh-resources a:nth-child(2) {
  -webkit-box-shadow: 0 0 9px 0 #4B4B4B;
  box-shadow: 0 0 9px 0 #4B4B4B;
  background: #4B4B4B;
  color: white;
}

.carouselsh-resources a:nth-child(2):hover {
  background: white;
  color: #4B4B4B;
}




@media (max-width: 992px) {

  .carouselsh {
    flex-wrap: wrap;
  }

  .carouselsh a{
    flex-basis: 40%;
    min-width: auto;
  }


}