@charset "UTF-8";

/* CSS Document */

/* General */
/* html {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
} */

/* body {
  margin: 20px 0;
  overflow: auto;
 
  color: #fff;
} */

@font-face {
   font-family: 'Roboto_Condensed_light';

   src:url("fonts/RobotoCondensed/RobotoCondensed-Light.ttf");
}

@font-face {
   font-family: 'Roboto_Condensed_regular';

   src: url("fonts/RobotoCondensed/RobotoCondensed-Bold.ttf");
}

@font-face {
   font-family: 'Roboto_Condensed_bold';

   src: url("fonts/RobotoCondensed/RobotoCondensed-Bold.ttf");
}

a {
   text-decoration: none;
   color: #fff;
}

/* .p-menu1 {
   position: absolute;
   z-index: 90;
   top: 4rem;
   right: 2rem;
   height: 200px;
   background-color:rgba(0,0,0,0.00);
} */

/* Hamburger */
.hamburger1 {
   z-index: 120;
   display: -ms-grid;
   display: grid;
   grid-template-rows: repeat(3, 1fr);
   height: 45px;
   margin: 10px;

   justify-items: center;
}

.hamburger1 span {
   position: relative;
   width: 40px;
   height:2.5px;
   margin-top: 7px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   background-color:#61B914;
}

#toggle1 {
   display: none;
}

#toggle1:checked + .hamburger1 .top {
   margin-top: 22px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#toggle1:checked + .hamburger1 .meat {
   margin-top: -4px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

#toggle1:checked + .hamburger1 .bottom {
   -webkit-transform: scale(0);
   transform: scale(0);
}

#toggle1:checked ~ .menu1 {
   height: 340px;
}

/* Menu */
.menu1 {
   z-index: 120;
   display: -ms-grid;
   display: grid;
   clear: both;
   overflow: hidden;
   width: 100%;
   width: auto;
   height: 0;
   margin: 0;
   padding: 0;
   list-style: none;
   -webkit-transition: all 0.3s ease;
   transition: height .4s ease;
   transition: all 0.3s ease;
   text-align: center;
   /*  grid-template-rows: 1fr repeat(4, 0.5fr);*/

   grid-row-gap: 0;
}

.menu1 a:first-child {
   margin-top: 20px;
}

.menu1 a:last-child {
   margin-bottom: 10px;
}

.link1 {
   font: 1rem 'Roboto_Condensed_light', sans-serif;
   width: 7rem;
   margin: 0;
   padding: 0 2rem;
   text-align: left;
}

.link1:hover {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   color:rgba(90,174,58,1.00);
   background-color:rgba(232,33,37,0.00);
}