.thumbnail {
  display: block;
  padding: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #8bdfdf;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
    transition-property: border;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
      #div-mobile {    display: block;  }
      #div-desktop {    display: none;  } 

}

@media screen and (min-width: 701px) and (max-width: 4000px) {
      #div-mobile {    display: none;  }
      #div-desktop {    display: block;  }
}

#wrapper-147 {
background-image: url(https://www.jnkag.com/wp-content/img/bbg.jpg);
background-position: center top;
background-repeat: no-repeat;
border-top-style: none;
border-bottom-style: none;
background-size: cover;
}
  
.mod-col2-7-wrapper {
  padding:56px 0px;
  font-family: open sans, arial, sans;
  font-size:16px;
  color: #FFFFFF;
}

.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div {
	width: 50%;
    float: left;
    position: relative;
    padding: 30px;
	
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div img {
	width:100%;
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div h3 {
	position: absolute;
    width: calc(100% - 60px);
    text-align: center;
    height: calc(100% - 50px);
    top: 0;
    background: rgba(0,0,0,0.4);
    vertical-align: middle;
    padding-top: 40%;
	transition: color .4s ease 0s, background-color .4s ease 0s;
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div:hover h3 {
    background: unset;
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div h3 a {
	color:#fff;
	text-decoration:none;
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div p {
	margin:0;
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div p.link {
	position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
    text-align: center;
    background: red;
    padding: 10px 0;
    font-weight: bold;
    font-size: 20px;
}
.mod-col2-7-wrapper .row .ult-column:last-of-type .colwrapper > div p.link a {
	color:#fff;
	text-decoration:none;
}

.mod-col2-7-wrapper h3.element-title {
	font-family: 'Fira Sans', sans-serif;
	color:#f4b300;
}
.mod-col2-7-wrapper .row .ult-column:first-of-type h3.element-title {
	font-size:40px;
}
.mod-col2-7-wrapper .row .ult-column:first-of-type p {
	line-height:30px;
}
.mod-col2-7-wrapper .row .ult-column:first-of-type p.link {
	border: 4px solid #f4b300;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    margin-top: 20px;
    width: auto;
    display: inline-block;
	transition: color .4s ease 0s, background-color .4s ease 0s;
}
.mod-col2-7-wrapper .row .ult-column:first-of-type p.link:hover {
	background: #f4b300;
}
.mod-col2-7-wrapper .row .ult-column:first-of-type p.link a {
	color:#fff;
	text-decoration:none;
}


.thumbnail { 
top:0px; 
left:0px; 
display:block; 
z-index:999; 
cursor: pointer; 
-webkit-transition-property: all; 
-webkit-transition-duration: 0.5s; 
-webkit-transition-timing-function: ease; 
} 


.thumbnail:hover { 
transform: scale(0.95); 
}