/* Created by http://artifitialsystem.com */

@import url(//db.onlinewebfonts.com/c/06cab1a0b0536008f269a1323d2598b6?family=Montserrat+SemiBold);
@import url(//db.onlinewebfonts.com/c/ff53f5557a4d4a84f53df7610743dbf8?family=Montserrat+ExtraLight);
@import url(//db.onlinewebfonts.com/c/1f275ed58d6a371ccde9215a3963cc41?family=Montserrat+ExtraBold);

@font-face {font-family: "Montserrat SemiBold"; src: url("//db.onlinewebfonts.com/t/06cab1a0b0536008f269a1323d2598b6.eot"); src: url("//db.onlinewebfonts.com/t/06cab1a0b0536008f269a1323d2598b6.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/06cab1a0b0536008f269a1323d2598b6.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/06cab1a0b0536008f269a1323d2598b6.woff") format("woff"), url("//db.onlinewebfonts.com/t/06cab1a0b0536008f269a1323d2598b6.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/06cab1a0b0536008f269a1323d2598b6.svg#Montserrat SemiBold") format("svg"); }

@font-face {font-family: "Montserrat ExtraLight"; src: url("//db.onlinewebfonts.com/t/ff53f5557a4d4a84f53df7610743dbf8.eot"); src: url("//db.onlinewebfonts.com/t/ff53f5557a4d4a84f53df7610743dbf8.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/ff53f5557a4d4a84f53df7610743dbf8.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/ff53f5557a4d4a84f53df7610743dbf8.woff") format("woff"), url("//db.onlinewebfonts.com/t/ff53f5557a4d4a84f53df7610743dbf8.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/ff53f5557a4d4a84f53df7610743dbf8.svg#Montserrat ExtraLight") format("svg"); }

@font-face {font-family: "Montserrat ExtraBold"; src: url("//db.onlinewebfonts.com/t/1f275ed58d6a371ccde9215a3963cc41.eot"); src: url("//db.onlinewebfonts.com/t/1f275ed58d6a371ccde9215a3963cc41.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1f275ed58d6a371ccde9215a3963cc41.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1f275ed58d6a371ccde9215a3963cc41.woff") format("woff"), url("//db.onlinewebfonts.com/t/1f275ed58d6a371ccde9215a3963cc41.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1f275ed58d6a371ccde9215a3963cc41.svg#Montserrat ExtraBold") format("svg"); }


* {margin: 0; padding: 0;}
body {background: #F9F9FB;} 
::-webkit-scrollbar {display: none;}
div, section {display: block;}
a {text-decoration: none;}

.wrapper {width: 100%; height: auto; clear: both; overflow: hidden;}

header {clear: both; overflow: hidden; width: 100%; height: 250px; display: grid; place-items: center;}
header h1 {font-family: "Montserrat ExtraBold"; font-size: 35px; color: #000000;}
header h2 {font-family: "Montserrat ExtraLight"; font-size: 25px; color: #000000;}
header span {color: #F2911A;;}
header img {margin-top: 50px; margin-bottom: 20px;}

.main_menu {width: 100%; height: auto; margin-top: 50px; margin-bottom: 50px; display: flex; flex-flow: wrap; align-items: center; justify-content: center; gap: 30px; text-align: center;}
.box_item {width: 200px; height: 300px; background: #FFFFFF; display: flex; flex-direction: column; border: solid 1px #F0F0F0;}
i {margin-top: 70px; margin-bottom: 10px; font-size: 40px;}
.box_item h3 {margin-bottom: 20px; font-family: "Montserrat SemiBold"; font-size: 14px; color: #000000;}
.box_item h4 {font-family: "Montserrat ExtraLight"; font-size: 14px; color: #000000;}
.box_item:hover {background: #F2911A;;}
.box_item:hover i {color: #FFFFFF;}

footer {width: 100; height: 50px; display: grid; place-items: center; background: black; color: #FFFFFF;}
footer h5, a {font-family: "Montserrat ExtraLight"; font-size: 10px; color: #FFFFFF;}
.main_borde {width: 100%; height: 8px; background: #F2911A;;}
.borde {width: 100%; height: 1px;}
#borde1 {background: #63b971;}
#borde2 {background: #f77b6b;}
#borde3 {background: #58bbee;}
#borde4 {background: #EA5395;}
#borde5 {background: #8A40A7;}

#i1 {color: #63b971;}
#i2 {color: #f77b6b;}
#i3 {color: #58bbee;}
#i4 {color: #EA5395;}
#i5 {color: #8A40A7;}

@media (max-width: 800px){
  .wrapper {height: auto}
  header {height: auto; line-height: 20px;}
  header img {margin-top: 10px; margin-bottom: 10px;}
  header h1 {font-size: 20px;}
  header h2 {font-size: 16px;}
  .main_menu {height: auto; margin-top: 30px; margin-bottom: 30px; display:flex; flex-flow: wrap; gap: 20px;}
}

@media (max-width: 600px){
  header h2 {font-size: 12px;}
  .box_item {width: 300px;}
}