body {
	background: #ddd;
}

section.banner {
    min-height: calc(100vh - 115px);
}

@media only screen and (max-width: 1200px) {
	.sm-lg-30px {
		margin-bottom: 30px !important;
	}
}

 button {
  margin: 0 3px 10px 0;
  padding-left: 2px;
  padding-right: 2px;
  width: 99px;
}
 
button:last-of-type {
  margin: 0;
}
 
p.borderBelow {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
 
video {
/*    height: 360px;*/
    margin: 0 12px 20px 0;
    vertical-align: top;
    width: 100%;
} 
 
video:last-of-type {
  margin: 0 0 20px 0;
}
 
video#gumVideo {
  margin: 0 20px 20px 0;
}

 
@media screen and (max-width: 500px) {
  button {
    font-size: 0.8em;
    width: calc(33% - 5px);
  }
}
 
@media screen and (max-width: 720px) {
  video {
/*    height: calc((50vw - 48px) * 3 / 4);*/
    margin: 0 10px 10px 0;
/*    width: calc(50vw - 48px); */
  }
 
  video#gumVideo {
    margin: 0 10px 10px 0;
  }
}

header {
    display: none;
}

button.mainbutton {
    width: 100%;
    border: none;
    cursor: pointer;
}

button:focus {
	outline: none;
}
button:disabled {
    background: #c3c3c3;
}

button#record {
    background: #ce3c3c;
}

.showContainer {
	position: relative;
}

canvas#canvas {
    position: absolute;
    top: 0;
    left: 15px;
}