@font-face {
  font-family: dionisia;
  src: url(/fonts/dionisia.ttf);
}
@font-face {
  font-family: futura;
  src: url(/fonts/futura_book_font.ttf);
}
@keyframes marquee {
  to {
    transform: translateX(50%);
  }
}
body {
  background-color: #1F1F29;
  color: #F2F2F8;
  margin: 0;
}

.barra {
  background-color: rgba(31, 31, 41, 0.875);
  font-family: dionisia;
  font-size: 160%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.menu {
  float: left;
  padding: 15px 20px;
}
.menu:hover {
  filter: opacity(0.7);
  transition: 0.4s;
}

#menuCheck {
  display: none;
}

.labCheck {
  cursor: pointer;
  padding: 18px 20px;
}

#logo_text {
  vertical-align: top;
}

.contact {
  cursor: pointer;
  float: right;
  padding: 15px 20px;
}

.soc_med_links {
  text-align: center;
  margin-top: 24vh;
}

.soc_med_links_left {
  margin-right: 2.5vh;
}

.soc_med_links_right {
  margin-left: 2.5vh;
}

a {
  color: #F2F2F8;
  cursor: pointer;
  text-decoration: none;
}
a:hover, a:active {
  filter: opacity(0.7);
  transition: 0.4s;
}

nav {
  background-color: #1F1F29;
  height: 100%;
  left: 0;
  position: fixed;
  top: 64px;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
nav ul {
  font-family: futura;
  font-size: 7.5vh;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav li {
  list-style-type: none;
  margin-left: -100%;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 25s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
nav li:hover, nav li:active {
  animation-play-state: paused;
  background-color: #F2F2F8;
}
nav li:hover a, nav li:active a {
  color: #1F1F29;
  filter: opacity(1);
}

.mabout {
  animation-duration: 40s;
  font-weight: bold;
}

.mdirec {
  animation-duration: 34s;
  animation-direction: reverse;
}

.mphoto {
  animation-duration: 22s;
}

.mvideo {
  animation-duration: 44s;
  animation-direction: reverse;
}

.mconcep {
  animation-duration: 30s;
}

.maudio {
  animation-duration: 30s;
  animation-direction: reverse;
}

main {
  font-family: futura;
}

.contenedor-flex {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 67px auto 15px;
  max-width: 800px;
}

.objeto {
  max-width: calc(50% - 10px);
  margin: 5px;
}

.objeto:nth-child(3) {
  max-width: calc(100% - 10px);
}

label {
  font-size: 1.2em;
}

input,
textarea {
  background-color: #F2F2F8;
  border: none;
  color: #1F1F29;
}

input:focus,
textarea:focus {
  background-color: white;
  color: black;
  outline: none;
}

input {
  border-radius: 5px;
}

textarea {
  border-radius: 7px;
}

p {
  font-size: 1.3em;
}

.suave {
  color: dimgray;
}

.contenedor {
  font-family: futura;
  margin: 67px auto 15px;
  text-align: justify;
}

.elemento {
  width: 600px;
}

.instagram-field {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

@media only screen and (max-width: 1030px) {
  .soc_med_links {
    margin-top: 10vh;
  }
}
@media only screen and (max-width: 880px) {
  nav ul {
    font-size: 6vh;
  }
  .barra {
    font-size: 120%;
  }
  .objeto {
    max-width: 90%;
  }
}
@media only screen and (max-width: 400px) {
  nav ul {
    font-size: 5vh;
  }
  .barra {
    font-size: 90%;
  }
  .menu {
    padding: 25px 20px;
  }
}

/*# sourceMappingURL=styles.css.map */