@font-face{
  font-family: 'fette';
  src: url('fonts/fette-unz-fraktur-font/fette-unz-fraktur-font/FetteUnzFraktur-2jRX.ttf');
}
@font-face{
  font-family: 'playfair';
  src: url('fonts/playfair-display-font/playfair-display-font/PlayfairDisplayRegular-ywLOY.ttf');
}
*{
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body{
  -webkit-tap-highlight-color: transparent;
}

/*Tag edits*/
li{
  list-style: none;
}
a{
  text-decoration: inherit;
  color: inherit;
}
/*Tag edits*/

/*Page setup*/
/* .page:nth-child(odd){ */
  /* background: red; */
/* } */
/* .page:nth-child(even){ */
  /* background: blue; */
/* } */
.page{
  min-height: 100vh;
  font-family: playfair;
  color: #072364;
}
@media screen and (max-width:680px){
  .page{
    margin-bottom: 20%
  }
}
/*Page setup*/


/* MAIN PAGE */
#background-image{
  width: 100%;
  height: 100%;
  /* opacity: 0.4; */
  z-index: -1;
  position: absolute;
  top: 0;
}
.menu-button{
  display: none;
}
@media screen and (max-width:900px){
  #background-image{
    display: none;
  }
}
/*Navigation section*/
#main{
  display: flex;
  flex-direction:column;
}
.navigation{
  /* background: green; */

  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-end;
  gap: 5%;
  font-size: 2rem;
}
@media screen and (max-width: 900px){
  .navigation{
    align-items: center;
  }
}
@media screen and (max-width:750px){
  .navigation{
    transition: 0.5s;
    flex-direction: column;
    align-items: center;
    font-size: 1.5rem;
    /* position: fixed; */
    position: absolute;
    width: 100%;
    height: auto;
    padding: 1rem 0;
    gap: 1rem;
    top: -300px;
    background: white;
  }
  .menu-button{
    z-index: 10;
    display:inline-block;
    cursor: pointer;
    margin-left: auto;
    margin-top: 3%;
    margin-right: 3%;
  }
  .bar1, .bar2, .bar3{
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }
  .close .bar1{
    transform: translate(0, 11px) rotate(-45deg);
  }
  .close .bar2{
    opacity: 0;
  }
  .close .bar3{
    transform: translate(0, -11px) rotate(45deg);
  }
}
/*Navigation section*/

/*Content section*/
.main_content{
  /* background: orange; */
  font-family: fette;

  display: flex;
  flex-grow: 4;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main_content h1{
  font-size: 6vw;
  text-align: center;
}
.main_content_image_wrapper{
  width: 50%;
  transition: 0.2s ease-in-out;
}
.main_content_image_wrapper img{
  width: 100%;
}
.main_content_image_wrapper:hover{
  width: 51%;
}
@media screen and (max-width:900px){
  .main_content_image_wrapper{
    width: 80%;
  }
  .main_content_image_wrapper:hover{
    width: 83%;
  }
  .main_content h1{
    font-size: 9vw;
  }
}
/*Content section*/

/*Footer section*/
.main_footer{
  /* background: brown; */
  display: flex;
  flex-grow: 1.2;
  font-size: 1rem;
  flex-direction: column;
  align-items: center;

  color: #750600;
}
.main_footer_image_wrapper{
 width: 8%; 
}
.main_footer_image_wrapper img{
  width:  100%;
}
@media screen and (max-width:1090px){
  .main_footer_image_wrapper{
    width: 15%;
  }
}
@media screen and (max-width: 900px){

  .main_footer{
    justify-content: center;
  }
}
@media screen and (max-width: 750px){
  .main_footer{
    flex-grow: 0.5;
  }
}
@media screen and (max-width:670px){
  .main_footer_image_wrapper{
    width: 30%;
  }
}
/*Footer section*/
/* MAIN PAGE */


/* ABOUT PAGE */
#about{
  display: flex;
  /* background: white; */
  padding: 0 5%;
  align-items: center;
}
.about_text{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about_text h1{
  font-size: 5vh;
}
.about_text h3{
  font-size: 3vh;
  text-transform: uppercase;
}
.about_text p{
  font-size: 3vh;
  width: 90%;
}
#about_text_highlight{
  font-family: fette;
  color: #750600;
}
#about_text_italic{
  font-style: italic;
  color: #2723A4;
}
.about_image_wrapper{
  width: 100%;
}
.about_image_wrapper img{
  width: 100%;
}
@media screen and (max-width:1240px){
  #about{
flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background: green; */
  }
  .about_text h1{
    display: none;
  }
  .about_text h3{
    text-align: center;
    font-size: 5vh;
  }
  .about_text p{
    font-size: 2.7vh;
    /* background: blue; */
  }
  .about_image_wrapper{
    width: 30%;
  }
}
@media screen and (max-width:770px){
  #about{
    justify-content: flex-start;  
    align-items: center;
    align-content: center;
    padding-top: 1rem;
  }
  /* .about_text h1{ */
  /*   width: 100%; */
  /* } */
  .about_image_wrapper{
    width: 40%;
  }
}
/* ABOUT PAGE */

/* ORIGIN REASON PAGE */
#origin_reason{
  display: flex;
  padding: 0 5%;
  align-items: center;
}
.origin_reason_text{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.origin_reason_text h1{
  font-size: 6vh;
}
.origin_reason_text p{
  font-size: 3vh;
  width: 90%;
}
.origin_reason_image_wrapper{
  width: 100%;
}
.origin_reason_image_wrapper img{
  width: 100%;
}
@media screen and (max-width:1240px){
  #origin_reason{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .origin_reason_text h1{
    font-size: 5vh;
  }
  .origin_reason_text p{
    font-size: 2.7vh;
  }
  .origin_reason_image_wrapper{
    width: 35%;
  }
}
@media screen and (max-width: 770px){
  #origin_reason{
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding-top: 1rem;
  }
  /* .origin_reason_text h1{ */
  /*   width: 100%; */
  /* } */
  .origin_reason_image_wrapper{
    width: 45%;
  }
}
/* ORIGIN REASON PAGE */

/* AUTORITA PAGE */
#autorita{
  display: flex;
  padding: 0 5%;
  align-items: center;
}
.autorita_text{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.autorita_text h1{
  font-size: 6vh;
}
.autorita_text p{
  font-size: 3vh;
  width: 90%;
}
.autorita_image_wrapper{
  width: 100%;
}
.autorita_image_wrapper img{
  width: 100%;
}
@media screen and (max-width:1240px){
  #autorita{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .autorita_text h1{
    font-size: 5vh;
  }
  .autorita_text p{
    font-size: 2.7vh;
  }
  .autorita_image_wrapper{
    width: 35%;
  }
}
@media screen and (max-width: 770px){
  #autorita{
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding-top: 1rem;
  }
  /* .autorita_text h1{ */
  /*   width: 100%; */
  /* } */
  .autorita_image_wrapper{
    width: 45%;
    padding-top: 5%;
  }
}
/* AUTORITA PAGE */