:root {
  --theme-color: white;
  --primary-color: #124f88;
  --secundary-color: #f7c331;
  --text-color-inverse: white;
  --text-color: black;
  --navbar-shallow-color: #e5e5e5;
  --menu-mobile-background-color: #3a4460;
}

html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 70px;
}




body {
  font-family: 'Montserrat', sans-serif;
  background-color: var(--theme-color);
  color: var(--text-color);
  padding-top: 70px; /*esta padding es para la barra de navegacion*/

}

a {
  text-decoration: none;
  color: var(--text-color);

}

.horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;

}

.vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;

}



@media (min-width:950px) {
  .horizontal-padding {
    padding-left: 70px;
    padding-right: 70px;

  }

  .horizontal-padding {
    padding-top: 70px;
    padding-bottom: 70px;

  }





}