@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:100i,300i,400,700");
p {
  margin: .25em; }

iframe {
  display: none; }

.box-div {
  border: solid;
  margin-bottom: 1em;
  border-width: 1px; }

#caleb_image {
  display: none;
  position: absolute;
  left: -46px;
  width: 115%;
  height: auto; }

.rate {
  margin-bottom: 1em; }

.page_content {
  padding: 1em;
  background: white;
  color: #7b0b5a;
  text-align: center; }

.blue {
  color: #1F2558; }

@media all and (min-width: 775px) {
  iframe {
    display: inline-block;
    margin-top: 3em;
    width: 99%; }

  .page_content {
    position: absolute;
    left: 15%;
    width: 65%; }

  #caleb_image {
    display: block;
    left: -120px; } }
@media all and (min-width: 1300px) {
  .page_content {
    left: 26%;
    width: 42%; } }
.navigation ul {
  margin-top: 2em;
  display: none;
  font-weight: 100; }
.navigation #logo-image {
  height: 60px;
  margin: .5em; }
.navigation h1.logo {
  margin: .5em;
  float: none; }
  .navigation h1.logo a {
    color: black; }

@media all and (min-width: 775px) {
  .navigation {
    display: inline-block;
    width: 100%; }
    .navigation nav ul {
      display: block;
      float: right;
      list-style: none;
      text-align: center; }
    .navigation nav li {
      display: inline;
      padding: .5em; }
    .navigation h1.logo {
      float: left; } }
.content #front_caleb_image {
  display: none; }
.content a.box {
  text-decoration: none; }
.content .box {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: white;
  padding: .5em;
  font-size: 1.75em;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .content .box .hummingbird {
    display: none; }
  .content .box .crane {
    display: none; }
.content #grid-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
  grid-gap: 1em;
  padding-bottom: 1em; }
.content #box1 {
  background-color: rgba(253, 238, 238, 0.9);
  color: #7b0b5a;
  font-size: 48px;
  background-size: 100% 100%;
  grid-row: 1/4; }
.content #box2 {
  background-color: #7b0b5a; }
.content #box3 {
  background-color: #e09bb1; }
.content #box4 {
  background-color: #6b8aa2; }
.content #box5 {
  background-color: #031b5b; }
.content #box6 {
  background-color: #e09bb1; }
.content #box7 {
  background-color: #6b8aa2; }

@media all and (min-width: 775px) {
  .content #front_caleb_image {
    display: block;
    position: absolute;
    left: -46px;
    width: 115%;
    height: auto; }
  .content #grid-wrapper {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-gap: 2em; }
  .content .box {
    font-size: 1.25em; }
  .content #box1 {
    grid-column: 1/7;
    grid-row: 1/5; }
    .content #box1 .crane {
      display: block;
      position: relative;
      right: 60%;
      top: 24%; }
      .content #box1 .crane embed {
        width: 175px; }
    .content #box1 .hummingbird {
      display: block;
      position: relative;
      left: 56%;
      bottom: 25%; }
      .content #box1 .hummingbird embed {
        width: 230px; } }
@media all and (min-width: 960px) {
  .content #grid-wrapper {
    grid-gap: 1.25em; }
  .content #box1 .crane {
    right: 57%; }
  .content #box1 .hummingbird {
    left: 54%; }
  .content .box {
    font-size: 1.75em; } }
.center {
  text-align: center; }

dt {
  float: left;
  clear: left; }

dd {
  margin: 0 0 0 4em;
  padding: 0 0 0.5em 0; }

#schedule-div {
  text-align: left;
  font-style: italic;
  color: #031b5b; }

.time-box {
  padding: .5em; }

.time {
  font-style: normal;
  font-weight: bolder; }

#bus-note {
  color: #7b0b5a;
  padding: .5em .25em 0em 0em;
  text-align: center;
  font-weight: bolder; }

#siesta {
  color: #7b0b5a;
  text-align: center;
  font-weight: bolder; }

@media all and (min-width: 775px) {
  #schedule-div {
    margin-left: 30%;
    width: 40%; } }
ul {
  list-style: none; }

.faq_list {
  line-height: 1.25em; }

.left-align {
  text-align: left;
  margin-left: 1em; }

.artist_name {
  margin-bottom: 0em; }

.artist_site {
  margin-bottom: 1em; }

.light {
  font-weight: 100;
  color: grey; }

html body {
  font-family: 'Josefin Sans', sans-serif;
  background-color: #c9df6b;
  margin: 1em;
  padding: 0;
  overflow-x: hidden; }

p {
  line-height: 1.25em; }

a {
  color: #1F2558;
  text-decoration: underline; }

@media all and (min-width: 775px) {
  html body {
    margin-left: 2em;
    margin-right: 2em; }

  .left_align {
    text-align: left; } }