@import url(reset.css);
@import url(fonts.css);

@import url(header.css);
@import url(main.css);
@import url(footer.css);

/*======== BASE ========*/

html, body {
   height: 100%;
}

body {
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   color: black;
}

.wrapper {
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

.main {
   flex: 1 1 auto;
}

[class*="__conteiner"] {
   max-width: 1800px;
   padding: 0 15px;
   margin: 0 auto;
}

/*======== CUSTOM SCROLL BAR ========*/

::-webkit-scrollbar {
   width: 10px;
}

::-webkit-scrollbar-track {
   background: white;
}

::-webkit-scrollbar-thumb {
   background: #FF9900;
   border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
   background: #FFB84D;
}

/*======== RESPONSIVE ========*/

@media (max-width: 1200px) {
   [class*="__conteiner"] {
      max-width: 970px;
   }
}

@media (max-width: 992px) {
   [class*="__conteiner"] {
      max-width: 750px;
   }
}

@media (max-width: 767px) {
   [class*="__conteiner"] {
      max-width: none;
   }
}

/*======= BUTTON =======*/

.btn-orange {
   display: inline-block;
   font-weight: 700;
   font-size: 16px;
   padding: 22px 38px;
   background: #FF9900;
   border: none;
   border: none;
   border-radius: 16px;
   color: #fff;
   transition: all .4s;
}

.btn-orange:hover {
   background: #FFB84D;
}

.btn-transparent {
   display: inline-block;
   font-weight: 700;
   font-size: 16px;
   padding: 20px 38px;
   background: transparent;
   border: 3px solid #FF9900;
   border-radius: 16px;
   color: #fff;
   transition: all .4s;
}

.btn-transparent:hover {
   background: #FF9900;
}

/*======= TITLE =======*/

.title_h2 {
   font-size: 48px;
}