div.easter-egg {
  width: 100px;
  height: 100px;
  background-color: red;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

/* Standard syntax */
@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway.eot");
  src: local("☺"), url("../fonts/Raleway.woff") format("woff"),
    url("../fonts/Raleway.ttf") format("truetype"),
    url("../fonts/Raleway.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Raleway-Bold";
  src: url("../fonts/Raleway-Bold.eot");
  src: local("☺"), url("../fonts/Raleway-Bold.woff") format("woff"),
    url("../fonts/Raleway-Bold.ttf") format("truetype"),
    url("../fonts/Raleway-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mohave";
  src: url("../fonts/Mohave.eot");
  src: local("☺"), url("../fonts/Mohave.woff") format("woff"),
    url("../fonts/Mohave.ttf") format("truetype"),
    url("../fonts/Mohave.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mohave-Bold";
  src: url("../fonts/Mohave-Bold.eot");
  src: local("☺"), url("../fonts/Mohave-Bold.woff") format("woff"),
    url("../fonts/Mohave-Bold.ttf") format("truetype"),
    url("../fonts/Mohave-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mohave-BoldItalic";
  src: url("../fonts/Mohave-BoldItalic.eot");
  src: local("☺"), url("../fonts/Mohave-BoldItalic.woff") format("woff"),
    url("../fonts/Mohave-BoldItalic.ttf") format("truetype"),
    url("../fonts/Mohave-BoldItalic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Raleway", Sans-serif;
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "Mohave-BoldItalic", sans-serif;
}
.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0);
}
.bar1,
.bar2,
.bar3 {
  width: 35px;
  height: 2.5px;
  background-color: #e35a24;
  margin: 8px 0;
}
.orange-button {
  background-color: #e35a24;
  color: #ffffff;
  padding: 6px 80px;
  margin: 4px auto;
  font-family: "Mohave-BoldItalic", sans-serif;
  font-size: 20px;
  box-shadow: 0px 0px 15px #000000;
  color: white;
}
.orange-button:hover {
    color: #ffffff;
}
.blue-button {
  background-color: #2b374f;
  color: #ffffff;
  padding: 6px 60px;
  margin: 4px auto;
  font-family: "Mohave-BoldItalic", sans-serif;
  font-size: 20px;
}
.blue-button:hover {
  box-shadow: 0px 0px 15px #000000;
  color: white;
}
nav {
  background-color: rgba(0, 0, 0, .5)
}
nav a:hover {
  text-decoration: none;
}
/* Inicio Header */

#header {
  height: 75vh;
  background-image: url("../img/header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 10px
}
#header a {
  font-family: "Mohave-Bold";
  letter-spacing: 4px;
  font-size: 24px;
}
#header .header-text {
  color: #ffffff;
  margin-top: 16%;
}
#header .header-text h1 {
  margin-bottom: 40px;
  font-size: 64px;
}

#header .header-text h5 {
  font-family: "Raleway", sans-serif;
  font-style: italic;
  font-size: 32px;
}

/* Fin Header */

/* Inicio video curso gratis */

#cursoGratis {
  height: auto;
}
#cursoGratis iframe {
  /* width: 675px;
    height: 475px; */
  margin: 40px auto;
}
#cursoGratis h4 {
  color: #2b374f;
  font-size: 42px;
}

/* Fin video curso gratis */

/* Inicio contactar experto */

#contactarExperto {
  background-image: url(../img/background_image1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#contactarExperto h4 {
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  font-size: 32px;
  margin-top: 60px;
}
/* Fin contactar experto */

/* Inicio aplicacion */

#aplicacion {
  background-image: url(../img/background_image2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-bottom: 80px;
}
#aplicacion h4 {
  margin-top: 15%;
  color: #ffffff;
  font-family: "Raleway";
  font-size: 32px;
}

/* Fin aplicacion */

/* Inicio dispositivo */
#dispositivo {
  background-image: url(../img/background_image3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-bottom: 80px;
}
#dispositivo img {
    margin-top: 55%;
}
#dispositivo h4 {
  margin-top: 25%;
  color: #ffffff;
  font-family: "Raleway";
  font-size: 32px;
}

/* Fin dispositivo */

/* Inicio atletas */
#atletas {
  background-image: url(../img/background_image4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}
#atletas h4 {
  margin-top: 15%;
  color: #ffffff;
  font-family: "Raleway";
  font-size: 32px;
}

/* Fin atletas */

/* Inicio endurance tool */

#enduranceTool {
  background-color: #231f20;
}
#enduranceTool h4 {
  color: #e35a24;
  font-size: 60px;
  margin-top: 8%;
}
#enduranceTool h5 {
  color: #ffffff;
  font-size: 42px;
  margin-top: 20px;
}

/* Fin endurance tool */

/* Inicio Testimonios */

#testimonios {
    margin:80px auto;
}
#testimonios .card {
    box-shadow: 0px 0px 15px;
}
#testimonios h5 {
    font-size: 30px;
    color: #e35a24;
}
#testimonios p {
    padding: 12px;
}
#testimonios img {
    width: 50%;
    margin: 25px auto;
    border: 4px solid #e35a24;
}

/* inicio Footer */

footer {
    background-color: #e35a24;

}
footer img {
    margin: 15% auto;
}
footer h5 {
    margin-top: 10%;
    font-family: 'Raleway-Bold';
    color: #ffffff;
    font-size: 20px; 
    text-transform: uppercase;
}
footer a{
    color: #ffffff;

}
footer .social-media{
  font-size: 22px;
}

.fi-facebook {
    transition: linear 0.5s;
}

.fi-instagram {
    transition: linear 0.5s;
}

.fi-twitter {
  transition: linear 0.5s;
}

.fi-youtube-play {
  transition: linear 0.5s;
}
.fi-facebook:hover {
    color: #3b5998;
}

.fi-instagram:hover {
    color: #c32aa3;
}

.fi-twitter:hover {
    color: #1da1f2;
}

.fi-youtube-play:hover {
    color: #ff0000;
}

/* fin Footer */

/* Fin Testimonios */

/* cellphone */
@media (max-width: 575px) {
  #header {
    background-position-x: 49%;
  }
  #header .header-text {
    margin-top: 26%;
  }
  #header .header-text h1 {
    font-size: 48px;
  }
  #header .header-text h5 {
    font-size: 21px;
  }

  #contactarExperto h4 {
    font-size: 26px;
    margin: 60px auto;
  }
  #aplicacion h4 {
    font-size: 26px;
  }
  #dispositivo  h4{
      margin-top:10%;
      font-size: 26px;
  }
  #atletas h4 {
      margin-top: 30%;
      font-size: 26px;
  }
  #enduranceTool h4{
      margin-top: 20%;
      font-size: 40px;
  }
  #enduranceTool h5{
      font-size: 30px;
  }
}

/* tablet */
@media (min-width: 576px) and (max-width: 991px) {
  #header {
    height: 60vh;
    background-position-x: 49%;
  }
  #header .header-text {
    margin-top: 18%;
  }
  #header .header-text h1 {
    font-size: 68px;
  }
  #header .header-text h5 {
    font-size: 38px;
  }
}