/*   font-family: freight-sans-pro, sans-serif; */
/*   font-family: linotype-didot-headline, serif; */
@import url('https://use.typekit.net/fej4gue.css');



html, body {
  box-sizing: border-box;
  /* font-family: 'GFS Didot', 'didot', serif; */
  /* font-family: linotype-didot-headline, serif; */
  font-family: acumin-pro-semi-condensed, sans-serif;
  background-color: rgb(247,245,237);
  color: black;
}

*, *::before, *::after {
  box-sizing: inherit;
}

h1, h2, h3, h4{
  margin:0;
}

figure{
  margin:0px;
}

iframe{
  max-width:100% !important;
}

.titleLink:hover{
  color:black;
}

a{
  color:black;
  text-decoration: none;
}

a:hover{
  color:rgb(150,150,150);
  text-decoration: none;
}

a:focus {
  outline: none;
}

/* +~+~+~+~+~+~+~+ Main Navigation +~+~+~+~+~+~+~+~+~+~  */
.navigation{
  /* background-color: rgb(247,245,237); */
  border-bottom:1.5px solid black;
  margin-bottom: 1em;

}

.navigation h1{
  hyphens:none;
  color:black;
  flex-grow: 2;
  /* font-size:5vw; */
  font-size:calc(12px + 4.5vw);
  margin:0px;
  text-align:center;
  border-bottom: 1.5px solid black;
}

.navLinks{
  display:flex;
  flex-wrap: wrap;
  text-align: center;
  /* font-size: 25% */
  font-size:calc(6px + 1.25vw);

  /* border:1px solid pink; */
  margin: 10px;

}

.navLinks .menu-item{
  width: 50%;
  hyphens:none;


}

/* +~+~+~+~+~+~+~+ HOMEPAGE / MAIN LAYOUT +~+~+~+~+~+~+~+~+~+~  */

.left{
  width:33.33%;
  padding:1vw;
  display: flex;
  flex-direction: column;
  position:fixed;
  top:0px;
  left:0px;
  /* background-color: rgb(150,192,208); */
  /* color: white; */
  /* overflow:scroll; */
  height:100%;
  hyphens:auto;
  text-align: justify;

}

.left h2, .subHeader{
  /* text-decoration: underline; */
  font-family: acumin-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  font-size: 32pt;
  hyphens:none;
  text-align: center;
}
.left p{
  font-size: 16.5pt;
}

.right{
  width:66.66%;
  margin-left:33.33%;
  /* border-left: 1.5px solid black; */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* height:100vh; */
  font-size: 20pt;

}

.right a{
  color: rgb(175,15,23);
}
.right a:hover{
  color:rgb(150,150,150);
}



.hero-image{
  background-size: cover; height:100vh;
}

/* +~+~+~+~+~+~+~+ SUBPAGE / MAIN LAYOUT +~+~+~+~+~+~+~+~+~+~  */


/* .reverseLinks a{
  color:white;
}

.reverseLinks a:hover{
  color:black;
} */

.reverseLinks{
  font-family: acumin-pro, sans-serif;
  font-weight: 400;
  font-style: italic;
}

@media screen and (max-width:900px) {

  .left{
    width:100%;
    padding:1vw;
    /* flex-direction: row; */
    /* justify-content: space-around; */
    position:relative;
    /* border-bottom: 1.5px solid white; */


  }

  .navigation h1{
    color:black;
    flex-grow: 4;
    margin:0px;
    text-align:center;
    border-bottom: 1.5px solid black;
  }

  .navLinks{
    /* position:fixed; */
    justify-content: space-around;
  }

  .navLinks .menu-item{
    width: auto;

  }

  /* .navigation{
    border-bottom:none;
  } */

  .left h2, .subHeader{
    text-decoration: underline;
    text-align: center;
    font-size: 32pt;
  }
  .left p{
    font-size: 18pt;
  }

  .right{
    width:100%;
    margin-left:0%;

  }

  .hero-image{
    height:50vh;
  }



}