* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  --max-width: 1920px;
  --font-family-montserrat: 'Montserrat', sans-serif;
  --font-family-inter: 'Inter', sans-serif;

  --color-dark-blue: #031E2B;
  --color-expande-blue: #4073FF;
  --color-light-blue: #27BCF3;
  --color-baby-blue: #6DADCB;
  --color-mid-gray: #E7E8E6;
  --color-ice: #D5E7F7;
  --color-black-alfa: #202020;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-size: 1.2rem;
  position: relative;
  font-family: var(--font-family-montserrat);
  color: var(--color-dark-blue);
  margin-top: 117px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
a {
  font-family: var(--font-family-montserrat);
  color: var(--color-dark-blue);
}

p {
  font-family: var(--font-family-inter);
  color: var(--color-dark-blue);
}

header {
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .15);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .15)
}

img,
object,
embed,
video {
  max-width: 100%;
  height: auto;
}

a:hover {
  text-decoration: none;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

p {
  margin: 0;
}

.maxWidth {
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .maxWidth {
    max-width: 1024px;
  }
}

@media screen and (min-width: 1024px) {
  body{
    margin-top: 103px;
  }
}

@media screen and (min-width: 1280px) {
  .maxWidth {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1441px) {
  .maxWidth {
    max-width: 1320px;
  }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}