body {
  background-color:#FAF9F6;
  margin:0;

}

h1{
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.25em;
    font-weight:600;
    text-align:left;
    padding-top: 1.25em;
    padding-left:.75em;
    margin:0;
}

h2{
    font-family: "Source Sans 3", sans-serif;
    font-size: 1em;
    font-weight:400;
    text-align:left;
    padding-left:.75em;
    padding-top:.5em;
    margin-bottom:0;
}

h4{
    font-family: "Source Sans 3", sans-serif;
    font-size: .75em;
    font-weight:200;
    text-align:left;
    padding-top: 1.25em;
    padding-left:.5em;
    margin:0;
}

p{
    font-family: "Source Sans 3", sans-serif;
    font-size: .85em;
    font-weight:300;
    text-align:left;
    padding:.25em;
    
}

a{
    font-size: 1em;
    font-weight:300;
    text-align:left;
    text-decoration:none;
    text-color:black;

}

video::-webkit-media-controls-panel {
    background-image: none !important;
    background: transparent !important;
}


#nav {
  background-color:#FAF9F6;
  height:60px;
  width:100vw;

}

#menu {
  display:inline-block;

}

.bodycopy{
    font-family: "Source Sans 3", sans-serif;
    font-size: 1em;
    font-weight:300;
    text-align:left;
    text-wrap:pretty;
    padding:1em;
    max-width:380px;
    line-height:1.55;
    
}

#icon{
  width:25px;
  float:right;
  padding-top:1.75em;
  padding-right:.75em;
}

#footer {
  background-color:#FAF9F6;
  height:60px;
  width:100vw;
  position:sticky;
  bottom:0px;

}

#columna {
  width:50%;
  float:left;
}

#columnb {
  width:50%;
  float:right;
}

.colonnade {
  width:100vw;
  display:inline-flex;
  flex-wrap: wrap;
}


.columnleft {
  width:45%;
  float:left;
  display:inline-block;
  padding-top:2em;
  padding-left:10px;
}

.columnright {
  width:45%;
  float:left;
  display:inline-block;
  padding-top:2em;
  padding-left:10px;
}


#icon{
    max-width:25px;
    float:right;
}

#studiofeedgallery {
  display:inline-block;
  max-width: 95vw;
  margin-left: 10px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

#highlightgallery {
  display:inline-block;
  max-width: 95vw;
  margin-left: 10px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

#galleryitem {
  width: 100%;
  margin:0;
  display: flex;
  align-items:center;
  list-style-type:none;
  padding:0px;
}

#highlightgalleryitem {
  width: 100%;
  margin:0;
  display: flex;
  align-items:center;
  list-style-type: none;
  padding:0px;
}

#highlightgalleryhero {
  width: 100vw;
}

.columnleft> img {
  width:100%;
  align-items:center;
}

.columnright > img {
  width:100%;
  align-items:center;
}

.galleryphoto {
  width: 100vw;
  margin-right:100vw;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.highlightgalleryphoto {
  padding-right:10px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.galleryphoto > img {
  max-width:44vh;
}

.highlightgalleryphoto > img {
  max-width:44vh;
}

@media screen and (min-width: 436px) {

  .galleryphoto> img {
  max-width:54vh;
}

#highlightgalleryhero {
  max-width: 34vw;
}

.bodycopy{
    font-family: "Source Sans 3", sans-serif;
    font-size: 1em;
    font-weight:300;
    max-width:540px;
    line-height:1.55;
    
}


.highlightgalleryphoto > img {
  max-width:54vh;
}

.colonnade {
  width:99vw;
  flex-wrap: nowrap;
}


#footer {
  bottom: 0px;

}

}