body {
  background-color: #FFF5EB;
  margin-left: auto;
  margin-right: auto;
}

.haiku {
  border-color: #440D0F;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 30px!important;
}

@media (min-width: 768px) {
  .haiku, .haiku-insta {
    border-width: 1px 1px 1px 0px;
  }
}

.logo {
  width: 50px;
  margin-right: 15px;
}

.insta-icon{
  width: 30px;
  height: 30px;
}

.insta-phone {
  display: flex;
}

.insta-desk {
  display: none;
}

@media screen and (min-width: 992px) {
  .insta-desk {
    display: flex;
  }
}

@media screen and (min-width: 992px) {
  .insta-phone {
    display: none;
  }
}

h1{
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3{
  font-size: 1.5rem;
}

h1, h2, h3, .haiku-text {
  color: #440D0F;
  font-family: 'EB Garamond', serif;
}

div{
  color: #440D0F;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 1201px) {
  .haiku-text {
    font-size: 2.2em;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 1200px) {
  .haiku-text {
    font-size: 1.3em;
  }
}

.navbar {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FFF5EB !important;
}

.navbar-brand {
  font-family: 'EB Garamond', serif;
  font-size: 1.7em;
}
li a, nav a {
  color:#440D0F!important;
}

.carousel-indicators {
  position: absolute;
  bottom: -50px;
}
.carousel-indicators li{
  background-color: #440D0F;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE support */
}

.videobox div{
  color: #FFFFFF;
}


/*body *{
  border: solid 1px red;
}*/