/* Fonts */
@font-face {
  font-family: 'heebo-reg';
  src: url('../assets/fonts/Heebo-Regular.ttf');
}

@font-face {
  font-family: 'heebo-light';
  src: url('../assets/fonts/Heebo-Light.ttf');
}

@font-face {
  font-family: 'heebo-med';
  src: url('../assets/fonts/Heebo-Medium.ttf');
}

#mySidenav{
  font-family: 'heebo-light';
}


.ac-container {

  width:90%;

  margin: 0 auto;

}



/** Header **/

header {

  display: flex;

  width: 15%;
    

}

header .ac-col {

  

    height: 5rem;

        display: flex;

    justify-content: center;

    align-items: center;

}

header .ac-col-1 {

  width: 30%;

  

  z-index: 3;

  

}

header .ac-col-1 .ac-container {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

header .ac-col-3 .ac-container {

    display: flex;

    justify-content: center;

    align-items: center;

    

}

header .ac-col-1 .ac-container .ac-logo {

    text-decoration: none;

    width: 14rem;

    height: 3rem;

    display: flex;

    justify-content: center;

    align-items: center;

        margin-right: 2rem;

}

header .ac-header-gohome {

    width: 9rem;

}

header .ac-col-2 {

  width: 70%;

  position: relative;

    z-index: 3;

    

}

header .ac-col-1 a{

  margin-right:1rem;margin-right: 0.5rem;

    margin-left: 1rem;

  }

header .ac-col-2 .ac-container {

    display: flex;

    

}

header .ac-logo {

  width:16rem;

}

header .ac-logo  picture {

  width: 95%;

}

header .ac-col-3 {

    background-color: #2a4444;

        z-index: 3;

  }

/** End Header **/



/** Menu **/

.sidenav {

  height: 0;

  width: 100%;

  position: fixed;

  z-index: 3;

  top: 0;

  right: 0;

      background-color: #2a4444;
      
      background-image: url('../assets/img/logos/f.png');

      background-repeat: no-repeat;

      background-position: 10vw 3vw;

  overflow: hidden;

  padding-top:0;
	
  transition: 0.5s;

  transition-timing-function: ease-in-out;

  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  opacity:0;

}

@media only screen and (max-width:1000px){
  .sidenav{
    background-image: url();
  }
  
}





.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}



@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav button {font-size: 18px;}

}



/* Btm Menu */

.ac-menu {

  background-color: transparent;

  border: none;

  cursor: pointer;

  display: flex;

  padding: 0;

      width: 4.5rem;

    height: 4.5rem;

    justify-content: center;

    align-items: center;

}

.ac-menu  svg {

  width:100%;

  height:100%;

}



.line {

  fill: none;

      stroke: white;

  stroke-width: 6;

  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),

    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);

}

.line1 {

  stroke-dasharray: 60 207;

  stroke-width: 6;

}

.line2 {

  stroke-dasharray: 60 60;

  stroke-width: 6;

}

.line3 {

  stroke-dasharray: 60 207;

  stroke-width: 6;

}

.opened .line1 {

  stroke-dasharray: 90 207;

  stroke-dashoffset: -134;

  stroke-width: 6;

}

.opened .line2 {

  stroke-dasharray: 1 60;

  stroke-dashoffset: -30;

  stroke-width: 6;

}

.opened .line3 {

  stroke-dasharray: 90 207;

  stroke-dashoffset: -134;

  stroke-width: 6;

}

#mySidenav a {

  color: #fff;

    text-decoration: none;

    font-weight:300;

    font-size: 2.05rem;

    

    margin: 2.35vh auto;

}

#mySidenav a:hover {

  font-weight:700;

  transition: font-weight 0.5s;

  color: #C9A95F;

  opacity: 80%;

}

/* Btm Menu */



/** End Menu **/



@media(max-width:1000px) {

  header {

    

  }

  header .ac-col{

    height: 10vh !important;

  }

  header .ac-logo {

      width: 12rem;

  }

  .sidenav button {

    width:65%;

  }

  header .ac-col-1, section .ac-col-1, footer .ac-col-1,

  header .ac-col-2 {

    width: 12%;

    z-index: 9 ;

  }

  .sidenav {

    z-index: 5

  }

  .sidenav button span small {

      line-height: 1;

  }

  header .ac-col-1 .ac-container .ac-logo {

        width: 9rem;

        margin-right: 0;

    margin-left: 1rem;'

  }

  header .ac-col-1 .ac-container .ac-contact-header {

        display: none;

  }

  

  header .ac-col-2 .ac-slogen {

    font-size: 1rem;

}

header {

    display: flex;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 3;

}

.ac-menu {

        width: 7.5rem;

    height: 7.5rem;

}

#mySidenav button{

  display: none

}

#mySidenav a {

  display: block;

    font-size: 2rem;

    color: #fff;

    text-decoration: none;

    margin: 1rem auto;

}

header .ac-logo picture {

    width: 73%;

}

header .ac-col-2 {

  width: 10%;

}

header .ac-col-1 {

    width: 30%;

}

}



@media (max-width: 640px){

header .ac-logo {

    width: 40rem;

	}
	
.full-screen-button{
	display:none;

}
}

@media (max-width:660px) {
  #mySidenav a {

  
      font-size: 1.3rem;

  
  }
  
}