@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-Light.ttf');
  font-weight: 100;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-LightItalic.ttf');
  font-weight: 200;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-Regular.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-Italic.ttf');
  font-weight: 400;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-MediumItalic.ttf');
  font-weight: 600;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-BoldItalic.ttf');
  font-weight: 800;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-Black.ttf');
  font-weight: 900;
}
@font-face {
  font-family: 'Satoshi';
  src: url('src/fonts/Satoshi-BlackItalic.ttf');
  font-weight: 1000;
}





*{
transition: all 0.25s cubic-bezier(.55,0,.2,1) 0s;
  margin:0;
  padding: 0;
  font-family: Satoshi;
  list-style: none;
  text-decoration: none;
  color: #231F20;
  line-height: 1em;
}
html{
   scroll-behavior: smooth;
  width: 100VW;
  overflow-x: hidden;
}
body{
   overflow-x: hidden;
  width: 100%;
  background-color: #EFECEA;
}


h1, .h1{
   font-size: 55px;
   letter-spacing: -0.025em;
}
h2{
   font-size: 34px;
   letter-spacing: -0.025em;
   line-height: 1.15em;
}
h3{
   font-size: 34px;
   letter-spacing: -0.025em;
}
h4{
}


header{
   background-color: #EFECEA;
   z-index: 99;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   }
   .header_info{
      font-size: 25px;
   }
   header>div{
      width: calc(100% - 100px);
      height: auto;
      padding: 25px 0 12px 0;
      position: relative;
      display: flex;
      justify-content: center;
      }
      header>div>p{
         position: absolute;
         left: 0;
         padding: 0.25em 0.55em;
         }
         header>div>p>a:hover{
            color: #EA1D25;
         }
      header>div>a{
         position: relative;
         top: 0px;
         width: 100px;
         z-index: 999;
         user-select: none;
         }
         #logo{
            fill: #231F20 ;
            }
         #logo:hover{
            fill: #EA1D25 ;
            }
      header>div>ul{
         position: absolute;
         right: 0;
         display: flex;
         }
         header>div>ul>a{
            margin: 0 0 0 1.75em;
            }
            header>div>ul>a>li{
               padding: 0.25em 0.55em;
            }
            header>div li:hover{
               color: #EA1D25;
            }
#icon_menu_responsive{
   cursor: url('src/cursor/cursor2.png'), url('src/cursor/cursor2.cur'), auto;
   user-select: none;
   position: absolute;
   z-index: 99;
   top: 25px;
   right: 57px;
   width: 50px;
   display: none;
   }
   #icon_menu_responsive>svg{
      fill: #231F20;
      }
      #icon_menu_responsive>svg:hover{
         fill: #EA1D25;
      }
.publica_responsive{
   display: none;
   position: fixed;
   top: 30px;
   right: 60px;
   }
#menu_responsive{
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   right: -100%;
   background-color: #EFECEA;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   }
   #menu_responsive>div{
      width: 95%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      }
      #menu_responsive>div>ul{
         width: 100%;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         position: relative;
         top: -6em;
         }
         #menu_responsive>div>ul>a{
            margin-bottom: 1em;
         }

footer{
   position: relative;
   z-index: 99;
   user-select: none;
   width: 100%;
   height: auto;
   padding-top: 5vh;
   padding-bottom: 5vh;
   background-color: #231F20;
   display: flex;
   flex-direction: column;
   align-items: center;
   }
   footer h3, footer h4{
      cursor: url('src/cursor/cursor2.png'), url('src/cursor/cursor2.cur'), auto;
      color: #EFECEA;
      }
      footer a{
         text-decoration: underline;
         color: #EA1D25;
      }









/*MEDIA QUERYS*/
/*MEDIA QUERYS*/
/*MEDIA QUERYS*/
/*MEDIA QUERYS*/
/*MEDIA QUERYS*/
/*MEDIA QUERYS*/

@media (max-width: 1200px) {
   header>div>a{
      width: 100px;
   }
   .header_info{
      font-size: 17pt;
   }
   h1, .h1{
      font-size: 34pt;
      letter-spacing: -0.05em;
   }
  h2{
     font-size: 27.5pt;
  }
  h3{
  }
  h4{
  }
  h5{
  }
  li{
  }
}

@media (max-width: 1050px) {
  h1{
  }
  h2{
  }
  h3{
  }
  h4{
  }
  h5{
  }
  li{
  }
  .header_info_responsive{
     display: none;
    }
    .header_info_responsive_2{
      margin-right: 65px;
   }
  #icon_menu_responsive{
     display: initial;
  }
}
@media (max-width: 750px) {
         .header_info{
            font-size: 15pt;
         }
         h1, .h1{
            font-size: 34pt;
            letter-spacing: -0.05em;
         }
        h2{
           font-size: 21.5pt;
        }
        h3{
        }
        h4{
        }
        h5{
        }
        li{
        }
   .header_info_responsive_2{
      display: none;
   }
   .publica_responsive{
      display: initial;
      border-bottom: 0.15em solid #EA1D25;
      line-height: 1em;
   }
   .header_info_p{
      display: none;
   }
   #icon_menu_responsive{
      left: 57px;
   }
}
@media (max-width: 550px) {
   #icon_menu_responsive{
      left: 25px;
      }
   .publica_responsive{
      right: 25px;
      }
   footer h3{
      font-size: 21pt;
   }
   h1{
   }
   h2{
      font-size: 21pt;
   }
   h3{
   }
   h4{
   }
   h5{
   }
   li{
   }
}
@media (max-width: 400px) {
  h1{
  }
  h2{
  }
  h3{
  }
  h4{
  }
  h5{
  }
  li{
  }
}



















/*_*/