body {
  background: #131313;
  padding-bottom: 200px; }

.home {
  background-color: #131313; }

.wrapper {
  margin: 0 auto;
  width: 80%;
  max-width: 1100px; }

ul {
  margin: 0; }

li {
  list-style-type: none;
  list-style: none; }

.hero {
  height: 70px;
  padding: 10px 0;
  background: linear-gradient(120deg, rgba(120, 20, 20, 0.1), rgba(120, 20, 70, 0.9)), url("https://images.unsplash.com/photo-1429051883746-afd9d56fbdaf?dpr=2&auto=compress,format&fit=crop&w=767&h=511&q=80&cs=tinysrgb&crop=");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 300px; }
  .hero h1 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 1.5em;
    margin: 0;
    margin-bottom: -5px; }
  .hero h3 {
    color: #131313;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.8em;
    font-weight: bold;
    color: #E0424E; }

section {
  margin: 80px 0 140px; }

.section-title h1 {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  font-size: 2em; }

.section-title hr {
  border-bottom: 5px solid rgba(255, 255, 255, 0.08); }

.mainmenu-card {
  padding: 20px;
  display: flex; }

.mainmenu-card:hover {
  background: rgba(255, 255, 255, 0.1); }

.mainmenu-number-container {
  flex: 0 0 80px; }

.mainmenu-description-container {
  flex: 1;
  font-family: 'Lato', sans-serif; }
  .mainmenu-description-container h1 {
    font-weight: bold;
    color: white;
    line-height: 18px;
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 30px;
    line-height: 60px; }
  .mainmenu-description-container p {
    color: #E0424E;
    font-weight: 300;
    line-height: 1;
    font-size: 12px;
    margin: 0;
    max-width: 600px; }

.mainmenu-number {
  font-family: 'Lato', sans-serif;
  height: 35px;
  width: 35px;
  border: 2px solid #E0424E;
  color: #E0424E;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-weight: bold;
  height: 55px;
  width: 55px;
  font-size: 1.5em;
  border: 5px solid #E0424E; }

li:nth-child(1) .mainmenu-description-container p,
li:nth-child(1) .mainmenu-number {
  color: #E0424E; }

li:nth-child(1) .mainmenu-number {
  border-color: #E0424E; }

li:nth-child(2) .mainmenu-description-container p,
li:nth-child(2) .mainmenu-number {
  color: #2EB3D4; }

li:nth-child(2) .mainmenu-number {
  border-color: #2EB3D4; }

li:nth-child(3) .mainmenu-description-container p,
li:nth-child(3) .mainmenu-number {
  color: #2BD86D; }

li:nth-child(3) .mainmenu-number {
  border-color: #2BD86D; }

li:nth-child(4) .mainmenu-description-container p,
li:nth-child(4) .mainmenu-number {
  color: #DE348C; }

li:nth-child(4) .mainmenu-number {
  border-color: #DE348C; }

li:nth-child(1) .mainmenu-description-container p,
li:nth-child(1) .mainmenu-number {
  color: #6699ff; }

li:nth-child(1) .mainmenu-number {
  border-color: #6699ff; }

li:nth-child(2) .mainmenu-description-container p,
li:nth-child(2) .mainmenu-number {
  color: #9966ff; }

li:nth-child(2) .mainmenu-number {
  border-color: #9966ff; }

li:nth-child(3) .mainmenu-description-container p,
li:nth-child(3) .mainmenu-number {
  color: #ff66ff; }

li:nth-child(3) .mainmenu-number {
  border-color: #ff66ff; }

li:nth-child(4) .mainmenu-description-container p,
li:nth-child(4) .mainmenu-number {
  color: #ff6699; }

li:nth-child(4) .mainmenu-number {
  border-color: #ff6699; }

li:nth-child(5) .mainmenu-description-container p,
li:nth-child(5) .mainmenu-number {
  color: #ff9966; }

li:nth-child(5) .mainmenu-number {
  border-color: #ff9966; }

li:nth-child(6) .mainmenu-description-container p,
li:nth-child(6) .mainmenu-number {
  color: #ffff66; }

li:nth-child(6) .mainmenu-number {
  border-color: #ffff66; }

li:nth-child(7) .mainmenu-description-container p,
li:nth-child(7) .mainmenu-number {
  color: #99ff66; }

li:nth-child(7) .mainmenu-number {
  border-color: #99ff66; }

li:nth-child(8) .mainmenu-description-container p,
li:nth-child(8) .mainmenu-number {
  color: #66ff99; }

li:nth-child(8) .mainmenu-number {
  border-color: #66ff99; }

li:nth-child(9) .mainmenu-description-container p,
li:nth-child(9) .mainmenu-number {
  color: #66ffff; }

li:nth-child(9) .mainmenu-number {
  border-color: #66ffff; }

li:nth-child(10) .mainmenu-description-container p,
li:nth-child(10) .mainmenu-number {
  color: #6699ff; }

li:nth-child(10) .mainmenu-number {
  border-color: #6699ff; }

li:nth-child(11) .mainmenu-description-container p,
li:nth-child(11) .mainmenu-number {
  color: #9966ff; }

li:nth-child(11) .mainmenu-number {
  border-color: #9966ff; }

li:nth-child(12) .mainmenu-description-container p,
li:nth-child(12) .mainmenu-number {
  color: #ff66ff; }

li:nth-child(12) .mainmenu-number {
  border-color: #ff66ff; }

li:nth-child(13) .mainmenu-description-container p,
li:nth-child(13) .mainmenu-number {
  color: #ff6699; }

li:nth-child(13) .mainmenu-number {
  border-color: #ff6699; }

li:nth-child(14) .mainmenu-description-container p,
li:nth-child(14) .mainmenu-number {
  color: #ff9966; }

li:nth-child(14) .mainmenu-number {
  border-color: #ff9966; }

li:nth-child(15) .mainmenu-description-container p,
li:nth-child(15) .mainmenu-number {
  color: #ffff66; }

li:nth-child(15) .mainmenu-number {
  border-color: #ffff66; }

li:nth-child(16) .mainmenu-description-container p,
li:nth-child(16) .mainmenu-number {
  color: #99ff66; }

li:nth-child(16) .mainmenu-number {
  border-color: #99ff66; }

li:nth-child(17) .mainmenu-description-container p,
li:nth-child(17) .mainmenu-number {
  color: #66ff99; }

li:nth-child(17) .mainmenu-number {
  border-color: #66ff99; }

li:nth-child(18) .mainmenu-description-container p,
li:nth-child(18) .mainmenu-number {
  color: #66ffff; }

li:nth-child(18) .mainmenu-number {
  border-color: #66ffff; }

li:nth-child(19) .mainmenu-description-container p,
li:nth-child(19) .mainmenu-number {
  color: #6699ff; }

li:nth-child(19) .mainmenu-number {
  border-color: #6699ff; }

li:nth-child(20) .mainmenu-description-container p,
li:nth-child(20) .mainmenu-number {
  color: #9966ff; }

li:nth-child(20) .mainmenu-number {
  border-color: #9966ff; }

li:nth-child(21) .mainmenu-description-container p,
li:nth-child(21) .mainmenu-number {
  color: #ff66ff; }

li:nth-child(21) .mainmenu-number {
  border-color: #ff66ff; }

li:nth-child(22) .mainmenu-description-container p,
li:nth-child(22) .mainmenu-number {
  color: #ff6699; }

li:nth-child(22) .mainmenu-number {
  border-color: #ff6699; }

li:nth-child(23) .mainmenu-description-container p,
li:nth-child(23) .mainmenu-number {
  color: #ff9966; }

li:nth-child(23) .mainmenu-number {
  border-color: #ff9966; }

li:nth-child(24) .mainmenu-description-container p,
li:nth-child(24) .mainmenu-number {
  color: #ffff66; }

li:nth-child(24) .mainmenu-number {
  border-color: #ffff66; }

li:nth-child(25) .mainmenu-description-container p,
li:nth-child(25) .mainmenu-number {
  color: #99ff66; }

li:nth-child(25) .mainmenu-number {
  border-color: #99ff66; }

li:nth-child(26) .mainmenu-description-container p,
li:nth-child(26) .mainmenu-number {
  color: #66ff99; }

li:nth-child(26) .mainmenu-number {
  border-color: #66ff99; }

li:nth-child(27) .mainmenu-description-container p,
li:nth-child(27) .mainmenu-number {
  color: #66ffff; }

li:nth-child(27) .mainmenu-number {
  border-color: #66ffff; }

code {
  background: #99a; }

.main-content section {
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  margin-bottom: 0; }

.main-content p, .main-content li {
  color: rgba(255, 255, 255, 0.5); }

.main-content a {
  font-weight: bold;
  color: #1ca; }

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
  font-family: 'Lato', sans-serif;
  color: white;
  font-weight: bold; }

.main-content h2 {
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.8); }

.break {
  margin-bottom: 80px; }