/*
Website Name: One Column Layout
Description: A one column layout for a website.
Author(s): Your Name(s)...

This site is for educational purposes in connection with the Girl Scouts of Western Ohio. All image rights are retained solely by the original sources.
*/

/* =Structure
---------------------------*/
body {
  font-family: Arial, sans-serif;
  background-color: #050505;
  padding: 40px;
  font-size: 16px;
  line-height: 26px;
  color: #fcfcfc;
}
.site {
  background-color: #0a0a0a;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 2em;
}

/* =Elements
---------------------------*/
img {
  max-width: 100%;
  height: auto;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 26px;
  color: #fcfcfc;
}
p {
  margin-bottom: 26px;
}
p:last-child {
  margin-bottom: 0;
}

/* =Header
---------------------------*/
.site-header {
  padding: 40px;
  text-align: center;
}
.site-title {
  margin: 0;
  color: #8a0303;
  font-size: 60;
  font-family: 'franklin gothic book'
}
@media (min-width: 800px) {
  .site-title {
    float: left;
  }
}

/* =Navigation
---------------------------*/
.site-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-navigation li {
  display: inline-block;
}
.site-navigation a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  color: #fcfcfc;
  padding: 0 20px;
}
.site-navigation a:hover {
  color: #4cacbe;
}

@media (min-width: 800px) {
  .site-navigation {
    float: right;
  }
  .site-navigation a {
    padding: 0 0 0 20px;
  } 
}

/* =Content
---------------------------*/
.content-wrapper {
  padding: 40px;
  font-family: "gt super"
}
.content-wrapper a {
    color: #8a0303;
}
.content-wrapper a:visited {
    color: #bb9030;
}
.headshot-left {
    width: 50%;
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.images-box {
    display: flex;
    clear: both;
}
.headshot-right {
    flex: 50%;
    padding: 1em;
}
.side-by-side-img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
/* =Footer
---------------------------*/
.site-footer {
  background-color: #333;
  color: white;
  overflow: hidden;
  padding: 40px;
}

@media (min-width: 800px) {
  .site-footer {
    clear: both;
  }
  .site-footer .column {
    width: 32%;
    float: left;
    padding-right: 2%;
    margin-bottom: 2%;
  }
  .site-footer .column.last {
    padding-right: 0;
  }
}

/* Crafted with love at Sparkbox */



/*#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }*/