html body {
  background: #000;
}

html body header {
  background: url(../img/visuals/logo_baseline_coming-home_mobile.svg) no-repeat top center;
  border-bottom: none;
  position: relative;
  margin: 0 0 -65px 0;
  left: 0;
  top: 345px;
  width: 100%;
  z-index: 9999; }
  html body header li {
    border: none; }
  html body header ul {
    display: none; }
html body.home header {
  background-size: auto;
  top: 270px; }
html body.home .content {
  top: -30px; }
html body.video-1 header {
  top: 200px; }
html body.video-2 header {
  top: 200px; }
html body.video-3 header {
  top: 200px; }
html body.video-1 .content {
  top: -30px; }
html body.video-2 .content {
  top: -30px; }
html body.video-3 .content {
    top: -30px; }
html body.contact header {
  top: 200px; }
html body.contact .content {
  top: -30px; }

.content {
  background: url(../img/visuals/photo_CH_mobile_small.jpg) no-repeat center 20px black;
  background-size: 530px 465px;
  left: 0;
  margin: 0;
  padding: 320px 0 0 0;
  position: relative;
  top: 0;
  width: 100%; }
  .content section {
    border-bottom: dotted 1px #5a5a5a;
    margin: 40px 0 0;
    padding: 20px 10px 20px 140px; }
    .content section h1 {
      font-size: 24px;
      margin-bottom: 20px; }
    .content section p {
      font-size: 20px; }
    .content section.video-1 {
      display: block; 
      padding: 140px 0 0 0;
      margin: 60px 0 0 0;
      width: 100%;
      height: 200px;}
      .content section.video-1 iframe {
        border: solid 1px #232323;
        padding: 0;
        width: 100%;
        height: 200px;}
    .content section.video-2 {
      display: block; 
      padding: 50px 0 0 0;
      margin: 0 0 0 0;
      width: 100%;
      height: 200px;}
      .content section.video-2 iframe {
        border: solid 1px #232323;
        padding: 0;
        width: 100%;
        height: 200px;}
    .content section.video-3 {
      display: block; 
      padding: 50px 0 0 0;
      margin: 0 0 -50px 0;
      width: 100%;
      height: 200px;}
      .content section.video-3 iframe {
        border: solid 1px #232323;
        padding: 0;
        width: 100%;
        height: 200px;}
    .content section.contact {
      padding: 60px 10px 40px 10px;
      text-align: center; }

.sidebar {
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  width: 100%; }
  .sidebar section {
    margin-bottom: 30px; }
    .sidebar section h1 {
      color: #fff;
      font-size: 24px; }
    .sidebar section p {
      font-size: 20px; }
    .sidebar section.calendar {
      margin: 0; }
      .sidebar section.calendar .calendarItem {
        border-bottom: dotted 1px #5a5a5a;
        margin-bottom: 15px;
        padding: 0 15px 15px 25px; }
        .sidebar section.calendar .calendarItem:last-child {
          border: none; }
        .sidebar section.calendar .calendarItem p.date {
          font-size: 36px; }
        .sidebar section.calendar .calendarItem p.occasion {
          font-size: 20px; }
        .sidebar section.calendar .calendarItem p.location {
          font-size: 30px; }
    .sidebar section.connect {
	  left:0;
	  margin-left: 0;
      position: relative;
      padding: 10px 0 40px 0;
      text-align: center;
      border-bottom: dotted 1px #5a5a5a; }
		.sidebar section.connect a {display:inline; margin: 0 10px}