@font-face {
  font-family: checfont1;
  src: url("../fonts/VAGRoundedStd-Light.otf");
}

body {
  font-family: checfont1;
}

h1,
h3 {
  font-family: checfont1;
}

h1 {
  font-size: 5em;
  color: #ffffff;
}

.navegacion {
  height: 7em;
}

.cell {
  text-align: center;
}

#img-fondo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: url("../img/main-fondo.jpg");
  background-size: auto;
  width: 100%;
  background-repeat: no-repeat;
  /*   border-bottom-left-radius: 300% 500px;
  border-bottom-right-radius: 300% 500px; */
}

.navegacion-div {
  margin-top: 2em;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.78);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.78);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.78);
}

.sub-navegacion {
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
  transition: 0.3s;
  -webkit-transition: 0.3;
}

.sub-navegacion:hover{
  box-shadow: 0px 0px 5px 0px rgba(31, 129, 6, 0.9);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(31, 129, 6, 0.9);
  -moz-box-shadow: 0px 0px 5px 0px rgba(31, 129, 6, 0.9);
}