.s-jumboButtons{
  width: 100%;
  padding: 20px;
}
.mainWrapper{
  display: grid;
  grid-gap: 20px;
}
.mainWrapper.jb6{
  grid-template-columns:1fr 1fr;
}
.mainWrapper.jb7{
  grid-template-columns:1fr 1fr 1fr;
}
.mainWrapper.jb8{
  grid-template-columns:1fr 1fr 1fr 1fr;
}
.mainWrapper.jb9{
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
.boxWrapper{
  display: flex;
  flex-wrap: wrap;
  position:relative;
  border-radius:13px;
  box-shadow:1px 1px 2px #000;
  opacity: .9;
}
.boxWrapper:hover{
  opacity: 1;
}
.boxWrapper.jb9{
  display: grid;
  grid-template-columns: 1fr ;
  grid-template-rows: 1fr 1fr;
}
.boxWrapper.content.jb9 h3{
  width:100%;
  border-radius: unset;
  top:10px
}
.boxWrapper.content.jb9 p{
  border-top-right-radius: unset;
  height: 100%;
}
.jb9 .image{
  border-top-right-radius: 10px!important;
  border-bottom-left-radius: unset!important;
}
.jb9 .content h3{
  width:100%!important;
  border-top-right-radius:10px;
}
.jb9 .content p{
  border-bottom-left-radius: 10px;
  border-top-right-radius: unset;
}
.boxWrapper:hover{
  cursor: pointer;
}
.boxWrapper:active{
  box-shadow:none;
}
.boxWrapper .content{
  flex:1;
  min-height: 200px;
  display: flex;
  flex-wrap: wrap;
  z-index:1;
}
.boxWrapper .content h3{
  border-top-left-radius:10px;
  background:#12345678;
  position: absolute;
  font-size: 14px;
  z-index:-1;
  left:0;
  top:0;
  padding:5px;
  margin:0px;
  width: 50%;
  word-wrap: break-word;
  color:#feefee;
}
.boxWrapper .content p{
  width:100%;
  border-top-right-radius:10px;
  box-shadow:0px 0px 1px #123;
  border-bottom-right-radius:10px;
  color:#003370;
  font-size:12px;
  background-image:linear-gradient(#fff 50%,#12312312 55%);
  padding:10px;
  margin:0px;
}
.boxWrapper .image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  width:100%;
  flex:1;
}
@media screen and (max-width:800px){
  .mainWrapper.jb9{
    grid-template-columns:1fr 1fr;
  }
    .mainWrapper.jb8{
      grid-template-columns:repeat(2,1fr);
  }
  .mainWrapper.jb7{
    grid-template-columns:1fr 1fr;
  }
  .mainWrapper.jb6{
    grid-template-columns:1fr;
  }
  .boxWrapper.jb9{
    display: flex!important;
  }
  .jb9 .image{
    border-bottom-left-radius: 10px!important;
    border-top-right-radius: unset!important;
  }
  .jb9 .content h3{
    width:50%;
    border-top-right-radius:10px;
  }
  .jb9 .content p{
    border-bottom-left-radius: unset!important;
  border-top-right-radius: 10px!important;
  }
}
@media screen and (max-width:420px){
     .mainWrapper.jb9{
      grid-template-columns:1fr;
  }
    .mainWrapper.jb8{
      grid-template-columns:1fr;
  }
  .mainWrapper.jb7{
    grid-template-columns:1fr;
  }
  .mainWrapper.jb6{
    grid-template-columns:1fr;
  }
 }