/*
 * Custom CSS for Souls and Goals.
 */

header {
    background-image: url(../img/sagc-header-2019.jpg);
}

section {
  padding: 50px 0;
}

.callout-buttons {
  line-height: 4em;
}

.scrolloff {
    pointer-events: none;
}

.highlight{
    color: #f05f40;
}

#map-overlay {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

#map-overlay iframe{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

img {
  max-width: 100%;
  height: auto;
}

@media all and (max-width: 400px) {
  .btn {
    display: block;
    margin-bottom: 10px;
  }
}