/* 
--- 01 TYPOGRAPHY
SPACING SYSTEM (px)
      2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

     - Font Weight:
     Default: 400
    Medium: 500
     semi bold: 600
     bold: 700

     - Line Height: 
      Default: 1
      small: 1.05
      medium: 1.2
      paragarph default: 1.6

      - Letter spacing
      -.5 px
      .75 px


      FONT SIZE SYSTEM (px)
      10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
 --- 02 Colors
 - Primary: #eef1f6
 - Tints:  
 - Shades:
 - Accents:
 - Greys:

 --- 05 SHADOWS
 --- 06 BORDER-RADIUS
 Default: 
 --- 07 WHITESPACE
 


*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  /* font size 10px/16px to use rem*/

  font-size: 62.5%;
}
body {
  font-family: "Roboto", sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #41456e;
  overflow-x: hidden;
}
.container {
  width: 120rem;
  margin: 0 auto;
  padding: 0 3.2rem;
}
.container-special {
  width: 100rem;
  margin: 0 auto;
  padding: 0 3.2rem;
}
.container-special-2 {
  width: 62.4rem;
  margin: 0 auto;
  padding: 0 3.2rem;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: #41456e;
  font-size: 1.6rem;
  transition: 0.3s ease;
}
.main-nav-list a:hover {
  color: #ea4d89;
}
.padding-bottom-medium {
  padding-bottom: 3.2rem;
}
.padding-top-large {
  padding-top: 6.4rem;
}

.padding-top-medium {
  padding-top: 3.2rem;
}
.padding-bottom-large {
  padding-bottom: 6.4rem;
}

.padding-bottom-small {
  padding-bottom: 1.6rem;
}
.margin-bottom-section-medium {
  margin-bottom: 6.4rem;
}
.margin-top-section-medium {
  margin-top: 6.4rem;
}
.margin-bottom-medium {
  margin-bottom: 3.2rem;
}
button {
  border: none;
}
.list-bar {
  display: none;
}