/*.responsive-map{
/*	
overflow: hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.responsive-map iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
*/

.abs-site-link {
  position: fixed;
  bottom: 20px;
  left: 20px;
  color: hsla(0, 0%, 100%, .6);
  font-size: 16px;
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* button */
button {
  font-family: inherit;
  font-weight: bold;
  color: #ffc600;

  letter-spacing: 2px;

  padding: 9px 20px;
  border: 1px solid #ffc600;
  border-radius: 1000px;
  background: transparent;
  transition: .3s;

  cursor: pointer;
}

button:hover,
button:focus {
  color: #FFFFFF;
  background: #ffc600;
  border-color: currentColor;
}

button:active {
  transform: translate(2px);
}
@media screen and (max-device-width:640px), screen and (max-width:768px) {
.card-front  {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	position: relative;
}
}