/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

#g-expanded {
  background-image: url('../../../../images/roger-sea-1920.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color: #312F38;
}
.About #g-expanded {
  background-image: url('../../../../images/roger-sea-1920-portrait.jpg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  color: #312F38;
}
#g-navigation .g-main-nav .g-toplevel {
  text-align: right;
}
.g-offcanvas-toggle {
  color: #ffffff;
}
.vidcenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: -10px;
}
.vidtitle {
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#cf_1 {
  margin: 0 auto;
}
audio {
  display: flex;
  vertical-align: baseline;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.introspiel {
  text-align: center;
  margin: 0% 15%;
  background: #dddddd;
}
.textbackgr {
  text-align: center;
  font-weight: bold;
  background: #dddddd;
  margin: 0% 15%;
}
.videosheading.moduletable.recordingsheading {
  margin-top: -50px;
  text-align: center;
  font-weight: bold;
  background: #dddddd;
  margin: 0% 15%;
}
.convertforms .cf-response {
  padding: 10px 15px 25px 15px;
}
.convertforms .cf-btn {
  background-color: #312F38;
}
.convertforms.cf-success .cf-response {
  background-color: #312F38;
}
.convertforms .cf-label {
  font-weight: bold;
}
@media screen and (min-device-width: 1px) and (max-device-width: 580px) {
  .videoplace {
    width: 300px;
    height: 250px;
  }
  #g-expanded {
    padding: 0;
    background-position-x: 55%;
  }
}
@media screen and (min-device-width: 581px) and (max-device-width: 960px) {
  .videoplace {
    width: 300px;
    height: 250px;
  }
  #g-expanded {
    background-position-x: 55%;
  }
}
@media screen and (min-device-width: 961px) and (max-device-width: 1054px) {
  #g-expanded {
    background-position-x: 50%;
  }
}
@media screen and (min-device-width: 1055px) and (max-device-width: 1510px) {
  #g-expanded {
    background-position-x: 45%;
  }
}
/*# sourceMappingURL=custom_13.css.map */