.media-tile {
  color: #fff;
}

.media-tile:hover, .media-tile:active, .media-tile:focus {
  color: #fff;
}

.media-tile.media-tile--main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
}

.media-tile.media-tile--projects {
  width: 123px;
  height: 70px;
}

@media (max-width: 767px) {
  .media-tile.media-tile--projects {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .media-tile.media-tile--projects {
    margin-right: 35px;
  }
}
.media-tile.media-tile--achievements {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
}

@media (max-width: 767px) {
  .media-tile.media-tile--achievements {
    min-height: 190px;
    margin: 16px;
  }
}
@media (min-width: 767px) {
  .media-tile.media-tile--achievements {
    min-height: 220px;
  }
}
.media-tile.media-tile--achievements .media-tile__footer {
  font-size: 24px;
  line-height: 28px;
}

.media-tile__head {
  display: flex;
  justify-content: flex-start;
  grid-column-gap: 8px;
  width: 100%;
}

.media-tile__footer {
  display: grid;
  grid-template-columns: 1fr 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.media-tile--reviews {
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  padding: 24px;
}

.media-tile.media-tile--slide {
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  padding: 18px;
}

.media-tile--slide.media-tile__head {
  justify-content: flex-start;
}

.media-tile__image.media-tile__image--1c {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
}

.media-tile.media-tile--examples {
  font-size: 22px;
  line-height: 26px;
}

.media-tile--red-300 {
  background: linear-gradient(163.43deg, #E57373 4.64%, #F44336 73.96%);
}

.media-tile--red-400 {
  background: linear-gradient(166.95deg, #E57373 14.03%, #D32F2F 76.96%);
}

.media-tile--red-500 {
  background: linear-gradient(166.66deg, #F44336 20.19%, #B71C1C 77.92%);
}

.media-tile--red-600 {
  background: linear-gradient(166.66deg, #E53935 20.19%, #9D1420 77.92%);
}

.media-tile--red-purple-100 {
  background: linear-gradient(167.2deg, #FFCDD2 20.05%, #B7677E 80.36%);
}

.media-tile--red-purple-200 {
  background: linear-gradient(168.55deg, #EF9A9A 5.01%, #8A3148 91.58%);
}

.media-tile--red-purple-300 {
  background: linear-gradient(167.32deg, #E57373 5.05%, #84243D 90.82%);
}

.media-tile--red-purple-400 {
  background: linear-gradient(169.38deg, #FF5F5C 4.93%, #790030 92.11%);
}

.media-tile--red-purple-500 {
  background: linear-gradient(169.1deg, #FF3A2C 4.96%, #660012 91.93%);
}

.media-tile--red-purple-600 {
  background: linear-gradient(168deg, #E53935 5.04%, #6D0A29 91.24%);
}

.media-tile--red-purple-700 {
  background: linear-gradient(165deg, #D32F2F 4.26%, #650928 89.43%);
}

.media-tile--red-purple-800 {
  background: linear-gradient(169.8deg, #C62828 4.88%, #5F0725 92.37%);
}

.media-tile--red-purple-900 {
  background: linear-gradient(169.38deg, #B71C1C 4.93%, #570521 92.11%);
}

.media-tile--pink-100 {
  background: linear-gradient(169.38deg, #B71C1C 4.93%, #570521 92.11%);
}

.media-tile--pink-200 {
  background: linear-gradient(165deg, #F48FB1 4.26%, #EC407A 89.43%);
}

.media-tile--pink-300 {
  background: linear-gradient(165deg, #F06292 5.83%, #E91E63 89.43%);
}

.media-tile--pink-400 {
  background: linear-gradient(165deg, #FF5991 4.9%, #B20046 89.43%);
}

.media-tile--pink-500 {
  background: linear-gradient(165deg, #FF1A68 5.05%, #8B003D 89.43%);
}

.media-tile--pink-600 {
  background: linear-gradient(165deg, #C2185B 6.62%, #880E4F 89.43%);
}

.media-tile--pink-700 {
  background: linear-gradient(165deg, #C2185B 5.83%, #5C0B2B 89.43%);
}

.media-tile--pink-800 {
  background: linear-gradient(165deg, #AD1457 5.05%, #470824 89.43%);
}

.media-tile--pink-900 {
  background: linear-gradient(165deg, #880E4F 5.83%, #220414 89.43%);
}

.media-tile--purple-100 {
  background: linear-gradient(165deg, #E1BEE7 5.83%, #BA68C8 89.43%);
}

.media-tile--purple-200 {
  background: linear-gradient(165deg, #CE93D8 5.05%, #AB47BC 89.43%);
}

.media-tile--purple-300 {
  background: linear-gradient(165deg, #BA68C8 4.26%, #7B1FA2 89.43%);
}

.media-tile--purple-400 {
  background: linear-gradient(165deg, #E860FF 5.83%, #7B1FA2 89.43%);
}

.media-tile--purple-500 {
  background: linear-gradient(165deg, #DD19FF 5.83%, #550089 89.43%);
}

.media-tile--purple-600 {
  background: linear-gradient(165deg, #8E24AA 5.83%, #4A148C 89.43%);
}

.media-tile--purple-700 {
  background: linear-gradient(165deg, #7B1FA2 6.62%, #2E0B3C 89.43%);
}

.media-tile--purple-800 {
  background: linear-gradient(165deg, #6A1B9A 6.62%, #240934 89.43%);
}

.media-tile--purple-900 {
  background: linear-gradient(165deg, #4A148C 4.9%, #140526 89.43%);
}

.media-tile--deep-purple-100 {
  background: linear-gradient(165deg, #D1C4E9 4.9%, #9575CD 89.43%);
}

.media-tile--deep-purple-200 {
  background: linear-gradient(165deg, #B39DDB 3.47%, #7E57C2 89.43%);
}

.media-tile--deep-purple-300 {
  background: linear-gradient(165deg, #9575CD 6.62%, #673AB7 89.43%);
}

.media-tile--deep-purple-400 {
  background: linear-gradient(165deg, #A16BFF 4.26%, #512DA8 89.43%);
}

.media-tile--deep-purple-500 {
  background: linear-gradient(165deg, #7D34FF 5.05%, #270D9B 89.43%);
}

.media-tile--deep-purple-600 {
  background: linear-gradient(165deg, #5E35B1 5.05%, #39158F 89.43%);
}

.media-tile--deep-purple-700 {
  background: linear-gradient(165deg, #5E35B1 5.05%, #39158F 89.43%);
}

.media-tile--deep-purple-800 {
  background: linear-gradient(165deg, #4527A0 6.62%, #190E3A 89.43%);
}

.media-tile--deep-purple-900 {
  background: linear-gradient(165deg, #311B92 6.62%, #0F082C 89.43%);
}

.media-tile--indigo-100 {
  background: linear-gradient(165deg, #C5CAE9 4.9%, #7986CB 89.43%);
}

.media-tile--indigo-200 {
  background: linear-gradient(165deg, #9FA8DA 5.83%, #3F51B5 89.43%);
}

.media-tile--indigo-300 {
  background: linear-gradient(165deg, #7986CB 3.47%, #3F51B5 89.43%);
}

.media-tile--indigo-400 {
  background: linear-gradient(165deg, #6078FF 5.05%, #1F32AA 89.43%);
}

.media-tile--indigo-500 {
  background: linear-gradient(165deg, #3957FF 5.83%, #142285 89.43%);
}

.media-tile--indigo-600 {
  background: linear-gradient(165deg, #3949AB 4.9%, #1A237E 89.43%);
}

.media-tile--indigo-700 {
  background: linear-gradient(165deg, #2C3BD5 5.83%, #111739 89.43%);
}

.media-tile--indigo-800 {
  background: linear-gradient(165deg, #283593 7.41%, #0C102D 89.43%);
}

.media-tile--indigo-900 {
  background: linear-gradient(165deg, #1A237E 5.83%, #000429 89.43%);
}

.media-tile--blue-100 {
  background: linear-gradient(165deg, #BBDEFB 5.05%, #64B5F6 89.43%);
}

.media-tile--blue-200 {
  background: linear-gradient(165deg, #90CAF9 3.47%, #2196F3 89.43%);
}

.media-tile--blue-300 {
  background: linear-gradient(165deg, #64B5F6 5.05%, #1E88E5 89.43%);
}

.media-tile--blue-400 {
  background: linear-gradient(165deg, #2AA0FF 5.83%, #0061C1 89.43%);
}

.media-tile--blue-500 {
  background: linear-gradient(165deg, #008EFF 6.62%, #0D47A1 89.43%);
}

.media-tile--blue-600 {
  background: linear-gradient(165deg, #1E88E5 3.47%, #043278 89.43%);
}

.media-tile--blue-700 {
  background: linear-gradient(165deg, #1976D2 6.62%, #003161 89.43%);
}

.media-tile--blue-800 {
  background: linear-gradient(165deg, #1565C0 5.05%, #001B39 89.43%);
}

.media-tile--blue-900 {
  background: linear-gradient(165deg, #0D47A1 7.41%, #000C1D 89.43%);
}

.media-tile--light-blue-100 {
  background: linear-gradient(165deg, #B3E5FC 7.41%, #4FC3F7 89.43%);
}

.media-tile--light-blue-200 {
  background: linear-gradient(165deg, #81D4FA 4.26%, #03A9F4 89.43%);
}

.media-tile--light-blue-300 {
  background: linear-gradient(165deg, #4FC3F7 4.9%, #03A9F4 89.43%);
}

.media-tile--light-blue-400 {
  background: linear-gradient(165deg, #07B1FF 5.05%, #0082C8 89.43%);
}

.media-tile--light-blue-500 {
  background: linear-gradient(165deg, #03A9F4 4.9%, #01579B 89.43%);
}

.media-tile--light-blue-600 {
  background: linear-gradient(165deg, #039BE5 4.9%, #02567F 89.43%);
}

.media-tile--light-blue-700 {
  background: linear-gradient(165deg, #0288D1 6.62%, #01466B 89.43%);
}

.media-tile--light-blue-800 {
  background: linear-gradient(165deg, #0277BD 6.62%, #013757 89.43%);
}

.media-tile--light-blue-900 {
  background: linear-gradient(165deg, #01579B 4.9%, #001E35 89.43%);
}

.media-tile--cyan-100 {
  background: linear-gradient(165deg, #B2EBF2 3.47%, #26C6DA 89.43%);
}

.media-tile--cyan-200 {
  background: linear-gradient(165deg, #80DEEA 5.05%, #00ACC1 89.43%);
}

.media-tile--cyan-300 {
  background: linear-gradient(165deg, #4DD0E1 4.26%, #0097A7 89.43%);
}

.media-tile--cyan-400 {
  background: linear-gradient(165deg, #00E2FF 3.47%, #00B0B7 89.43%);
}

.media-tile--cyan-500 {
  background: linear-gradient(165deg, #00E3FF 4.9%, #00757F 89.43%);
}

.media-tile--cyan-600 {
  background: linear-gradient(165deg, #00ACC1 5.83%, #00515B 89.43%);
}

.media-tile--cyan-700 {
  background: linear-gradient(165deg, #0097A7 6.62%, #003B41 89.43%);
}

.media-tile--cyan-800 {
  background: linear-gradient(165deg, #00838F 6.62%, #002629 89.43%);
}

.media-tile--cyan-900 {
  background: linear-gradient(165deg, #006064 3.47%, #00191A 89.43%);
}

.media-tile--teal-100 {
  background: linear-gradient(165deg, #B2DFDB 5.83%, #26A69A 89.43%);
}

.media-tile--teal-200 {
  background: linear-gradient(165deg, #80CBC4 5.83%, #009688 89.43%);
}

.media-tile--teal-300 {
  background: linear-gradient(165deg, #4DB6AC 5.05%, #00897B 89.43%);
}

.media-tile--teal-400 {
  background: linear-gradient(165deg, #00CFB7 23.4%, #00796B 89.43%);
}

.media-tile--teal-500 {
  background: linear-gradient(165deg, #1BFBE6 4.26%, #00695C 89.43%);
}

.media-tile--teal-600 {
  background: linear-gradient(165deg, #009688 4.26%, #004D40 89.43%);
}

.media-tile--teal-700 {
  background: linear-gradient(165deg, #00897B 6.62%, #00231F 89.43%);
}

.media-tile--teal-800 {
  background: linear-gradient(165deg, #00695C 5.05%, #001F1A 89.43%);
}

.media-tile--teal-900 {
  background: linear-gradient(165deg, #004D40 6.62%, #001F1A 89.43%);
}

.media-tile--green-100 {
  background: linear-gradient(165deg, #C8E6C9 4.26%, #66BB6A 89.43%);
}

.media-tile--green-200 {
  background: linear-gradient(165deg, #A5D6A7 5.83%, #4CAF50 89.43%);
}

.media-tile--green-300 {
  background: linear-gradient(165deg, #81C784 5.05%, #43A047 89.43%);
}

.media-tile--green-400 {
  background: linear-gradient(165deg, #50E157 2.68%, #2E7D32 89.43%);
}

.media-tile--green-500 {
  background: linear-gradient(165deg, #54E35B 6.62%, #2E7D32 89.43%);
}

.media-tile--green-600 {
  background: linear-gradient(165deg, #43A047 5.83%, #1B5E20 89.43%);
}

.media-tile--green-700 {
  background: linear-gradient(165deg, #388E3C 5.05%, #102811 89.43%);
}

.media-tile--green-800 {
  background: linear-gradient(165deg, #2E7D32 4.26%, #002202 89.43%);
}

.media-tile--green-900 {
  background: linear-gradient(165deg, #1B5E20 4.26%, #011903 89.43%);
}

.media-tile--light-green-200 {
  background: linear-gradient(165deg, #C5E1A5 4.9%, #8BC34A 89.43%);
}

.media-tile--light-green-300 {
  background: linear-gradient(165deg, #AED581 5.83%, #7CB342 89.43%);
}

.media-tile--light-green-400 {
  background: linear-gradient(165deg, #B8FF68 4.9%, #5EA81E 89.43%);
}

.media-tile--light-green-500 {
  background: linear-gradient(165deg, #9EFF2D 2.68%, #378400 89.43%);
}

.media-tile--light-green-600 {
  background: linear-gradient(165deg, #7CB342 5.05%, #33691E 89.43%);
}

.media-tile--light-green-700 {
  background: linear-gradient(165deg, #689F38 6.62%, #253914 89.43%);
}

.media-tile--light-green-800 {
  background: linear-gradient(165deg, #558B2F 4.26%, #152708 89.43%);
}

.media-tile--light-green-900 {
  background: linear-gradient(165deg, #33691E 5.05%, #0D1F05 89.43%);
}

.media-tile--lime-300 {
  background: linear-gradient(165deg, #DCE775 23.2%, #AFB42B 89.43%);
}

.media-tile--lime-400 {
  background: linear-gradient(157.98deg, #F0FF65 15.47%, #9B9A00 89.56%);
}

.media-tile--lime-500 {
  background: linear-gradient(139.22deg, #E9FF15 5.62%, #978800 94.1%);
}

.media-tile--lime-600 {
  background: linear-gradient(165deg, #C0CA33 23.84%, #5F6419 89.43%);
}

.media-tile--lime-700 {
  background: linear-gradient(165deg, #AFB42B 5.83%, #4C4E13 89.43%);
}

.media-tile--lime-800 {
  background: linear-gradient(135.9deg, #9E9D24 9.6%, #38380D 91.4%);
}

.media-tile--lime-900 {
  background: linear-gradient(149.95deg, #827717 8.63%, #1C1A05 93.04%);
}

.media-tile--yellow-400 {
  background: linear-gradient(153.46deg, #FFEE58 7.86%, #F9A825 80%);
}

.media-tile--yellow-500 {
  background: linear-gradient(151.04deg, #FFEB3B 21.47%, #FB7600 90.12%);
}

.media-tile--yellow-600 {
  background: linear-gradient(154.49deg, #FDD835 21.55%, #B07D00 90.47%);
}

.media-tile--yellow-700 {
  background: linear-gradient(153.74deg, #FBC02D 21.24%, #95721B 90.92%);
}

.media-tile--yellow-800 {
  background: linear-gradient(153.59deg, #F9A825 6.41%, #855200 91.12%);
}

.media-tile--yellow-900 {
  background: linear-gradient(152.41deg, #F57F17 19.2%, #8F4A0D 92.96%);
}

.media-tile--orange-200 {
  background: linear-gradient(165deg, #FFCC80 5.83%, #FF9800 89.43%);
}

.media-tile--orange-300 {
  background: linear-gradient(156.59deg, #FFCC80 7.14%, #FB8C00 80.34%);
}

.media-tile--orange-400 {
  background: linear-gradient(154.44deg, #FFA726 7.64%, #DF6500 90.62%);
}

.media-tile--orange-500 {
  background: linear-gradient(149.63deg, #FF9800 26.77%, #E65100 93.26%);
}

.media-tile--orange-600 {
  background: linear-gradient(150.9deg, #FB8C00 10.49%, #955300 92.13%);
}

.media-tile--orange-700 {
  background: linear-gradient(149.08deg, #F57C00 10.21%, #8F4800 90.73%);
}

.media-tile--orange-800 {
  background: linear-gradient(151.13deg, #EF6C00 9.06%, #893E00 85.68%);
}

.media-tile--orange-900 {
  background: linear-gradient(157.8deg, #E65100 6.86%, #5A2000 89.56%);
}

.media-tile--deep-orange-200 {
  background: linear-gradient(156.69deg, #FFAB91 8.57%, #FF5722 77.32%);
}

.media-tile--deep-orange-300 {
  background: linear-gradient(158.14deg, #FF8A65 8.25%, #F4511E 84.66%);
}

.media-tile--deep-orange-400 {
  background: linear-gradient(155.57deg, #FF9675 8.82%, #D03100 90.08%);
}

.media-tile--deep-orange-500 {
  background: linear-gradient(153.55deg, #FF541E 6.42%, #992400 84.27%);
}

.media-tile--deep-orange-600 {
  background: linear-gradient(156.22deg, #F4511E 9.4%, #8E2F11 89.83%);
}

.media-tile--deep-orange-700 {
  background: linear-gradient(156.29deg, #E64A19 6.49%, #80290E 90.01%);
}

.media-tile--deep-orange-800 {
  background: linear-gradient(165deg, #D73300 5.83%, #621700 89.43%);
}

.media-tile--deep-orange-900 {
  background: linear-gradient(151.6deg, #AC2800 10%, #340C00 89.69%);
}

.media-tile--brown-100 {
  background: linear-gradient(156.25deg, #D7CCC8 6.5%, #8D6E63 84.22%);
}

.media-tile--brown-200 {
  background: linear-gradient(153.28deg, #BCAAA4 8.6%, #795548 83.55%);
}

.media-tile--brown-300 {
  background: linear-gradient(158.07deg, #A1887F 7.53%, #5D4037 82.64%);
}

.media-tile--brown-400 {
  background: linear-gradient(163.7deg, #A76E5A 4.7%, #58332A 88.68%);
}

.media-tile--brown-500 {
  background: linear-gradient(330.75deg, #643727 7.18%, #DF9D85 91.38%);
}

.media-tile--brown-600 {
  background: linear-gradient(330.75deg, #4D2212 7.18%, #E58563 91.38%);
}

.media-tile--brown-700 {
  background: linear-gradient(154.74deg, #C38673 6.41%, #3E2723 79.93%);
}

.media-tile--brown-900 {
  background: linear-gradient(153.66deg, #603F3A 8.69%, #2C1916 91.97%);
}

.media-tile--grey-200 {
  background: linear-gradient(153.28deg, #EEEEEE 8.6%, #9E9E9E 83.55%);
}

.media-tile--grey-300 {
  background: linear-gradient(158.07deg, #E0E0E0 7.53%, #757575 82.64%);
}

.media-tile--grey-400 {
  background: linear-gradient(134.21deg, #BDBDBD 11.87%, #424242 93.01%);
}

.media-tile--grey-500 {
  background: linear-gradient(283.36deg, #212121 7.68%, #B6B6B6 93.04%);
}

.media-tile--grey-600 {
  background: linear-gradient(330.75deg, #212121 7.18%, #757575 91.38%);
}

.media-tile--grey-700 {
  background: linear-gradient(154.74deg, #616161 6.41%, #212121 79.93%);
}

.media-tile--grey-900 {
  background: linear-gradient(127.03deg, #363636 33.7%, #000000 96.53%);
}

.media-tile--deep-grey-200 {
  background: linear-gradient(151.08deg, #B0BEC5 9.07%, #607D8B 77.93%);
}

.media-tile--deep-grey-300 {
  background: linear-gradient(143.3deg, #90A4AE 6.72%, #546E7A 78.46%);
}

.media-tile--deep-grey-400 {
  background: linear-gradient(134.21deg, #96BBCD 11.87%, #26404D 93.01%);
}

.media-tile--deep-grey-500 {
  background: linear-gradient(286.17deg, #122027 8.6%, #6997AE 92.64%);
}

.media-tile--deep-grey-600 {
  background: linear-gradient(327.79deg, #263238 16.59%, #546E7A 90.72%);
}

.media-tile--deep-grey-700 {
  background: linear-gradient(146.2deg, #455A64 8.02%, #1F2A30 82.84%);
}

.media-tile--deep-grey-800 {
  background: linear-gradient(143.37deg, #2D4E5F 19.97%, #071014 89.44%);
}

.media-tile--deep-grey-900 {
  background: linear-gradient(135.22deg, #263238 33.5%, #000000 98.75%);
}

/*# sourceMappingURL=media-tile.css.map */