Scoops Supreme

.gelato-labels {
margin-top: -5%;
position: relative;
}

.gelato-label {
width: 17.5%;
background: white;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
padding: 10px;
position: absolute;
top: 0;
box-shadow: 3px 3px 4px rgba(0,0,0,.4);
}

.gelato-label h2 {
font-family: ‘Verlag 3r’,’Verlag A’,’Verlag B’;
font-weight: 300;
font-size: 14px;
text-transform: uppercase;
}
.gelato-label h3 {
font-family: ‘Verlag 7r’,’Verlag A’,’Verlag B’;
font-weight: 700;
font-style: normal !important;
font-size: 20px;
}
.gelato-label p.gelato-address {
margin-bottom: 1em;
}
.gelato-label p {
font-family: ‘Verlag 4r’,’Verlag A’,’Verlag B’;
}

.gelato-label p em {
font-family: ‘Verlag 4i’,’Verlag A’,’Verlag B’;
}

#gelato-a {
left: 8%;
}
#gelato-b {
left: 29%;
}
#gelato-c {
left: 54%;
}
#gelato-d {
left: 77%;
}

.gelato-hack {
display: none;
margin: 20px 0;
}

#gelato-image {
background-repeat: none;
background-image: url(‘gelato-vert-400.jpg’);
background-size: contain;
height: 0;
padding-bottom: 294.25%;
}
#narrow-only {
display: block;
}

@media screen and (min-width: 401px) {
#gelato-image {
background-image: url(‘gelato-800.jpg’);

padding-bottom: 34%;
}
#narrow-only {
display: none;
}
#mid-only {
display: block;
}
}

@media screen and (min-width: 800px) {
#gelato-image {
background-image: url(‘gelato-1500.jpg’);
}
}

@media screen and (min-width: 901px) {
.gelato-hack {
display: none !important;
}
}

@media screen and (max-width: 900px) {

.gelato-labels {
margin-top: 0;
position: relative;
}
.gelato-label {
position: static;
padding: 0;
box-shadow: none;
width: 100%;
margin-bottom: 40px;
}
}

jQuery(‘.gelato-labels’).css(‘min-height’, jQuery(‘#gelato-d’).height() + 80)