* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "SofiaSans-Light"; }
  body h1, body h2, body h3, body h4, body h5 {
    font-family: "SofiaSans-Regular";
    color: #090303;
    text-align: center;
    padding: 15px; }
  body p {
    font-size: 1.5rem;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.5;
    padding: 15px; }

footer {
  background-color: #434343;
  margin-bottom: 10px; }
  footer .logoAlPie {
    margin-bottom: 40px;
    padding: 20px; }
    footer .logoAlPie .logo {
      width: 100px;
      height: 100px;
      border-radius: 5px; }
  footer .footerBottom .redesFooter {
    display: flex;
    align-items: center;
    padding: 20px; }
    footer .footerBottom .redesFooter .iconoInstagram {
      border: #8a8a8a 2px solid;
      width: 30px;
      border-radius: 50%;
      margin: 5px; }
    footer .footerBottom .redesFooter .iconoFacebook {
      border: #8a8a8a 2px solid;
      width: 30px;
      border-radius: 50%;
      margin: 5px; }
    footer .footerBottom .redesFooter .iconoTwiter {
      border: #8a8a8a 2px solid;
      width: 30px;
      border-radius: 50%;
      margin: 5px; }
    footer .footerBottom .redesFooter .iconoWhatsapp {
      border: #8a8a8a 2px solid;
      width: 30px;
      border-radius: 50%;
      margin: 5px; }
  footer h5 {
    color: white; }

@font-face {
  font-family: "SofiaSans-Light";
  src: url(../assets/fonts/SofiaSans-Light.ttf); }

@font-face {
  font-family: "SofiaSans-Regular";
  src: url(../assets/fonts/SofiaSans-Regular.ttf); }

header .linkNav {
  font-family: "SofiaSans-Regular";
  color: #090303;
  font-size: 1.3rem; }
  header .linkNav:hover {
    transform: translate(0.1px, 5px);
    color: orange; }
  header .linkNav:focus {
    background-color: white; }

header .logo {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  margin: 0px; }

header .fotoPortada {
  background-image: url(../img/entrenamientoKettlebells.jpg);
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px; }
  header .fotoPortada .header1 {
    display: flex;
    justify-content: space-between;
    height: 50%; }
    header .fotoPortada .header1 .redesSociales {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0; }
      header .fotoPortada .header1 .redesSociales .iconoInstagram {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortada .header1 .redesSociales .iconoFacebook {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortada .header1 .redesSociales .iconoTwiter {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortada .header1 .redesSociales .iconoWhatsapp {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
  header .fotoPortada .header2 {
    display: flex;
    flex-direction: column;
    height: 50%;
    text-align: center;
    justify-content: flex-end; }
    header .fotoPortada .header2 .divSlogan {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      flex-direction: row; }
      header .fotoPortada .header2 .divSlogan h2 {
        font-size: 3rem;
        color: white;
        font-weight: bold; }
    header .fotoPortada .header2 .divCalltoaction {
      display: flex;
      justify-content: center;
      border-radius: 5px;
      align-items: flex-end;
      flex-direction: row;
      text-decoration: none; }
      header .fotoPortada .header2 .divCalltoaction .botonContacto {
        text-decoration: none; }
        header .fotoPortada .header2 .divCalltoaction .botonContacto .calltoaction {
          background-color: orange;
          text-decoration: underline orange;
          border-radius: 30px;
          padding: 16px;
          margin-bottom: 10px; }
          header .fotoPortada .header2 .divCalltoaction .botonContacto .calltoaction:hover {
            transform: scale(1.1, 1.1);
            text-decoration-color: orange; }

main .cajaIntroduccion {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 20px;
  border-radius: 8px;
  border: #735d331b 5px groove; }
  main .cajaIntroduccion h1 {
    text-align: left;
    background-color: #735d331b; }
  main .cajaIntroduccion p {
    width: 95%; }
  main .cajaIntroduccion .divCalltoaction {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-end;
    flex-direction: row;
    text-decoration: none; }
    main .cajaIntroduccion .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .cajaIntroduccion .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .cajaIntroduccion .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }
      main .cajaIntroduccion .divCalltoaction .botonContacto .calltoactionSmall {
        font-size: medium; }

main .sectionProximosCursos {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 20px;
  border-radius: 8px;
  border: #735d331b 5px groove; }
  main .sectionProximosCursos .Subtitulo {
    background-color: #735d331b; }
    main .sectionProximosCursos .Subtitulo h4 {
      text-align: start;
      color: black; }
  main .sectionProximosCursos .cajaProximosCursos {
    display: flex;
    justify-content: space-around; }
    main .sectionProximosCursos .cajaProximosCursos .proximoCurso {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 30%;
      margin: auto; }
      main .sectionProximosCursos .cajaProximosCursos .proximoCurso img {
        width: 100%; }
      main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction {
        display: flex;
        justify-content: center;
        border-radius: 5px;
        align-items: flex-end;
        flex-direction: row;
        text-decoration: none; }
        main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction .botonContacto {
          text-decoration: none; }
          main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction .botonContacto .calltoaction {
            background-color: orange;
            text-decoration: underline orange;
            border-radius: 30px;
            padding: 16px;
            margin-bottom: 10px; }
            main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction .botonContacto .calltoaction:hover {
              transform: scale(1.1, 1.1);
              text-decoration-color: orange; }
          main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction .botonContacto .calltoactionSmall {
            font-size: medium; }
          main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction .botonContacto .botonProximosCursos {
            margin: 20px; }

main .sectionReviews {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 20px;
  border-radius: 8px;
  border: #434343 5px solid;
  color: #fecc01;
  background-color: #735d331b; }
  main .sectionReviews .Subtitulo h4 {
    text-align: start;
    color: black; }
  main .sectionReviews .cajaReviews {
    display: flex;
    justify-content: space-around;
    background-color: #434343; }
    main .sectionReviews .cajaReviews .review {
      display: flex;
      flex-direction: column;
      align-items: center; }
      main .sectionReviews .cajaReviews .review p {
        text-align: center; }

main .sectionNuevoPost {
  margin: 20px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: 1fr 5fr 0.2fr;
  grid-template-areas: "titulo titulo"
 "imagen texto"
 "imagen cta";
  border: #735d331b 5px groove;
  background-color: #735d331b;
  justify-content: start; }
  main .sectionNuevoPost .Subtitulo {
    grid-area: titulo;
    background-color: #735d331b;
    display: flex;
    height: 70px; }
    main .sectionNuevoPost .Subtitulo h4 {
      text-align: start;
      color: black; }
  main .sectionNuevoPost .cajaImagenPosteo {
    grid-area: imagen;
    padding: 10px;
    display: flex; }
    main .sectionNuevoPost .cajaImagenPosteo .fotoPosteos {
      border-radius: 8px;
      width: 99%;
      height: 99%; }
  main .sectionNuevoPost .cajaTextoPosteo {
    grid-area: texto;
    color: black;
    display: flex;
    flex-direction: column; }
    main .sectionNuevoPost .cajaTextoPosteo h5 {
      color: black;
      text-align: center;
      padding: 8px;
      font-size: 1.3rem;
      font-weight: bolder;
      margin-top: 5px; }
  main .sectionNuevoPost .divCalltoaction {
    grid-area: cta;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-end;
    flex-direction: row;
    text-decoration: none; }
    main .sectionNuevoPost .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .sectionNuevoPost .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .sectionNuevoPost .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }
      main .sectionNuevoPost .divCalltoaction .botonContacto .calltoactionSmall {
        font-size: medium; }

header .fotoPortadaAbout {
  background-image: url(../img/naturalflowmcTeam.jpg);
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px; }
  header .fotoPortadaAbout .header1 {
    display: flex;
    justify-content: space-between;
    height: 50%; }
    header .fotoPortadaAbout .header1 .redesSociales {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0; }
      header .fotoPortadaAbout .header1 .redesSociales .iconoInstagram {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaAbout .header1 .redesSociales .iconoFacebook {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaAbout .header1 .redesSociales .iconoTwiter {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaAbout .header1 .redesSociales .iconoWhatsapp {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
  header .fotoPortadaAbout .header2 {
    display: flex;
    flex-direction: column;
    height: 50%;
    text-align: center;
    justify-content: flex-end; }
    header .fotoPortadaAbout .header2 .divSlogan h2 {
      font-size: 3rem;
      color: white;
      font-weight: bold; }

main .mainAbout {
  display: flex;
  flex-direction: column; }
  main .mainAbout .cajaTextoAbout {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 20px;
    border-radius: 8px;
    border: #735d331b 5px groove; }
    main .mainAbout .cajaTextoAbout h1 {
      text-align: left;
      background-color: #735d331b; }
    main .mainAbout .cajaTextoAbout p {
      width: 95%; }
  main .mainAbout .divCalltoaction {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-end;
    flex-direction: row;
    text-decoration: none; }
    main .mainAbout .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .mainAbout .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .mainAbout .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }

header .fotoPortadaBlog {
  background-image: url(../img/blogSaludDeporte.JPG);
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px; }
  header .fotoPortadaBlog .header1 {
    display: flex;
    justify-content: space-between;
    height: 50%; }
    header .fotoPortadaBlog .header1 .redesSociales {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0; }
      header .fotoPortadaBlog .header1 .redesSociales .iconoInstagram {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaBlog .header1 .redesSociales .iconoFacebook {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaBlog .header1 .redesSociales .iconoTwiter {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaBlog .header1 .redesSociales .iconoWhatsapp {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
  header .fotoPortadaBlog .header2 {
    display: flex;
    flex-direction: column;
    height: 50%;
    text-align: center;
    justify-content: flex-end; }
    header .fotoPortadaBlog .header2 .divSlogan h2 {
      font-size: 3rem;
      color: white;
      font-weight: bold; }

main h1 {
  text-align: left;
  background-color: #735d331b; }

main .cajaBlog {
  display: flex;
  flex-direction: column;
  margin: 20px;
  border: #735d331b 5px groove;
  background-color: #735d331b;
  margin-bottom: 40px;
  margin-top: 30px;
  border-radius: 8px; }
  main .cajaBlog .divImagenYtituloBlog {
    display: flex; }
    main .cajaBlog .divImagenYtituloBlog .cajaImagenBlog {
      width: 40%;
      padding: 10px; }
      main .cajaBlog .divImagenYtituloBlog .cajaImagenBlog .fotoPosteos {
        width: 100%;
        height: 450px;
        border-radius: 8px; }
    main .cajaBlog .divImagenYtituloBlog .cajaTituloYtextoBlog {
      width: 60%;
      padding: 10px; }
      main .cajaBlog .divImagenYtituloBlog .cajaTituloYtextoBlog h4 {
        text-align: left;
        background-color: #735d331b;
        border-radius: 8px; }
  main .cajaBlog .cajaTextoBlog h5 {
    text-align: left;
    font-size: 1.8rem; }
  main .cajaBlog .divCalltoaction {
    grid-area: cta;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-start;
    flex-direction: row;
    text-decoration: none; }
    main .cajaBlog .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .cajaBlog .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .cajaBlog .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }

header .fotoPortadaScorpion {
  background-image: url(../img/fotoCursoAnimal.jpg);
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px; }
  header .fotoPortadaScorpion .header1 {
    display: flex;
    justify-content: space-between;
    height: 50%; }
    header .fotoPortadaScorpion .header1 .redesSociales {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0; }
      header .fotoPortadaScorpion .header1 .redesSociales .iconoInstagram {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaScorpion .header1 .redesSociales .iconoFacebook {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaScorpion .header1 .redesSociales .iconoTwiter {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaScorpion .header1 .redesSociales .iconoWhatsapp {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
  header .fotoPortadaScorpion .header2 {
    display: flex;
    flex-direction: column;
    height: 50%;
    text-align: center;
    justify-content: flex-end; }
    header .fotoPortadaScorpion .header2 .divSlogan h2 {
      font-size: 3rem;
      color: white;
      font-weight: bold; }

main .cajaCurso {
  display: flex;
  flex-direction: column; }
  main .cajaCurso .cajaTablaCursos .tablaFechasCursos {
    margin: 20px auto;
    width: 90%; }
  main .cajaCurso .reservarCurso .divCalltoaction {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-end;
    flex-direction: row;
    text-decoration: none; }
    main .cajaCurso .reservarCurso .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .cajaCurso .reservarCurso .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .cajaCurso .reservarCurso .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }
  main .cajaCurso .carousel {
    width: 400px;
    margin: 20px  auto;
    padding: 0px; }

header .fotoPortadaNutricion {
  background-image: url(../img/cursoNutricion.jpg);
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px; }
  header .fotoPortadaNutricion .header1 {
    display: flex;
    justify-content: space-between;
    height: 50%; }
    header .fotoPortadaNutricion .header1 .redesSociales {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0; }
      header .fotoPortadaNutricion .header1 .redesSociales .iconoInstagram {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaNutricion .header1 .redesSociales .iconoFacebook {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaNutricion .header1 .redesSociales .iconoTwiter {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaNutricion .header1 .redesSociales .iconoWhatsapp {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
  header .fotoPortadaNutricion .header2 {
    display: flex;
    flex-direction: column;
    height: 50%;
    text-align: center;
    justify-content: flex-end; }
    header .fotoPortadaNutricion .header2 .divSlogan h2 {
      font-size: 3rem;
      color: white;
      font-weight: bold; }

main .cajaCurso {
  display: flex;
  flex-direction: column; }
  main .cajaCurso .cajaTablaCursos .tablaFechasCursos {
    margin: 20px auto;
    width: 90%; }
  main .cajaCurso .reservarCurso .divCalltoaction {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-end;
    flex-direction: row;
    text-decoration: none; }
    main .cajaCurso .reservarCurso .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .cajaCurso .reservarCurso .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .cajaCurso .reservarCurso .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }
  main .cajaCurso .carousel {
    width: 400px;
    margin: 20px  auto;
    padding: 0px; }

header .fotoPortadaKettlebells {
  background-image: url(../img/cursoKettlebells.jpg);
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px; }
  header .fotoPortadaKettlebells .header1 {
    display: flex;
    justify-content: space-between;
    height: 50%; }
    header .fotoPortadaKettlebells .header1 .redesSociales {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0; }
      header .fotoPortadaKettlebells .header1 .redesSociales .iconoInstagram {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaKettlebells .header1 .redesSociales .iconoFacebook {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaKettlebells .header1 .redesSociales .iconoTwiter {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
      header .fotoPortadaKettlebells .header1 .redesSociales .iconoWhatsapp {
        width: 30px;
        border-radius: 50%;
        margin: 5px; }
  header .fotoPortadaKettlebells .header2 {
    display: flex;
    flex-direction: column;
    height: 50%;
    text-align: center;
    justify-content: flex-end; }
    header .fotoPortadaKettlebells .header2 .divSlogan h2 {
      font-size: 3rem;
      color: white;
      font-weight: bold; }

main .cajaCurso {
  display: flex;
  flex-direction: column; }
  main .cajaCurso .cajaTablaCursos .tablaFechasCursos {
    margin: 20px auto;
    width: 90%; }
  main .cajaCurso .reservarCurso .divCalltoaction {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: flex-end;
    flex-direction: row;
    text-decoration: none; }
    main .cajaCurso .reservarCurso .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .cajaCurso .reservarCurso .divCalltoaction .botonContacto .calltoaction {
        background-color: orange;
        text-decoration: underline orange;
        border-radius: 30px;
        padding: 16px;
        margin-bottom: 10px; }
        main .cajaCurso .reservarCurso .divCalltoaction .botonContacto .calltoaction:hover {
          transform: scale(1.1, 1.1);
          text-decoration-color: orange; }
  main .cajaCurso .carousel {
    width: 400px;
    margin: 20px  auto;
    padding: 0px; }

main .cajaContacto .container .fondoContacto {
  background-color: #735d331b;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 8px; }

main .cajaContacto .container .letraPisaBootstrap {
  font-family: "SofiaSans-Regular";
  color: #090303;
  text-align: center;
  padding: 20px;
  font-size: 1.2rem; }
  main .cajaContacto .container .letraPisaBootstrap .input:focus {
    transform: scale(1.1, 1.1);
    border: #f9f6f6 1px solid; }
  main .cajaContacto .container .letraPisaBootstrap .calltoaction {
    background-color: orange;
    text-decoration: underline orange;
    border-radius: 30px;
    padding: 16px;
    margin-bottom: 10px; }
    main .cajaContacto .container .letraPisaBootstrap .calltoaction .botonContacto {
      color: black;
      text-decoration: none; }
    main .cajaContacto .container .letraPisaBootstrap .calltoaction:hover {
      transform: scale(1.1, 1.1);
      text-decoration-color: orange; }

@media screen and (max-width: 768px) {
  header .fotoPortada {
    background-image: url(../img/entrenamientoKettlebells2.JPG);
    height: 450px;
    background-attachment: local;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px; }
  header .fotoPortadaAbout {
    background-attachment: local;
    height: 250px; }
  header .fotoPortadaScorpion {
    height: 250px;
    background-attachment: local; }
  header .fotoPortadaBlog {
    height: 250px;
    background-attachment: local; }
  header .fotoPortadaKettlebells {
    height: 250px;
    background-attachment: local; }
  header .fotoPortadaNutricion {
    height: 250px;
    background-attachment: local; }
  header .hamburguesa {
    margin: 40px; }
  main .sectionNuevoPost {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.2fr 0.5fr 0.5fr 0.2fr;
    grid-template-areas: "titulo"
 "imagen"
 "texto"
 "cta"; }
    main .sectionNuevoPost .Subtitulo {
      grid-area: titulo;
      height: 100px; }
    main .sectionNuevoPost .cajaTextoPosteo {
      grid-area: texto; }
    main .sectionNuevoPost .cajaImagenPosteo {
      grid-area: imagen;
      margin-top: 0px;
      margin-bottom: 0px;
      width: 100%;
      margin: auto; }
      main .sectionNuevoPost .cajaImagenPosteo .fotoPosteos {
        width: 70%;
        height: 70%;
        margin: auto; }
    main .sectionNuevoPost .divCalltoaction {
      grid-area: cta;
      display: flex;
      align-items: flex-start;
      padding: 10px; }
  main .sectionReviews .cajaReviews {
    flex-direction: column; }
    main .sectionReviews .cajaReviews .review {
      align-self: center; }
  main .sectionProximosCursos .cajaProximosCursos {
    flex-direction: column; }
    main .sectionProximosCursos .cajaProximosCursos .proximoCurso {
      width: 100%;
      border: #735d331b 5px solid; }
      main .sectionProximosCursos .cajaProximosCursos .proximoCurso img {
        width: 100%;
        height: 100%; }
  main .cajaBlog .divImagenYtituloBlog {
    flex-direction: column; }
    main .cajaBlog .divImagenYtituloBlog .cajaImagenBlog {
      width: 70%;
      margin: auto; }
      main .cajaBlog .divImagenYtituloBlog .cajaImagenBlog .fotoPosteos {
        margin: auto;
        width: 100%;
        height: 100%; }
    main .cajaBlog .divImagenYtituloBlog .cajaTituloYtextoBlog {
      display: flex;
      flex-direction: column;
      width: 100%; }
  main .cajaContacto .container .mapa {
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    justify-content: center;
    overflow: hidden; } }

@media screen and (max-width: 480px) {
  header .fotoPortada {
    height: 250px;
    background-attachment: local; }
    header .fotoPortada .header2 .divSlogan h2 {
      font-size: 1.8rem; }
    header .fotoPortada .header2 .divCalltoaction .calltoaction {
      text-decoration-color: orange;
      font-size: medium;
      text-decoration: underline orange;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 15px;
      padding-bottom: 15px; }
  header .fotoPortadaAbout {
    height: 250px;
    background-attachment: local; }
    header .fotoPortadaAbout .header2 .divSlogan h2 {
      font-size: 1.8rem; }
  header .fotoPortadaScorpion {
    height: 250px;
    background-attachment: local; }
    header .fotoPortadaScorpion .header2 .divSlogan h2 {
      font-size: 1.8rem; }
  header .fotoPortadaBlog {
    height: 250px;
    background-attachment: local; }
    header .fotoPortadaBlog .header2 .divSlogan h2 {
      font-size: 1.8rem; }
  header .fotoPortadaKettlebells {
    height: 250px;
    background-attachment: local; }
    header .fotoPortadaKettlebells .header2 .divSlogan h2 {
      font-size: 1.8rem; }
  header .fotoPortadaNutricion {
    height: 250px;
    background-attachment: local; }
    header .fotoPortadaNutricion .header2 .divSlogan h2 {
      font-size: 1.8rem; }
  main .cajaIntroduccion {
    margin-left: 2px;
    margin-right: 2px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }
    main .cajaIntroduccion .divCalltoaction .botonContacto {
      text-decoration: none; }
      main .cajaIntroduccion .divCalltoaction .botonContacto .calltoaction {
        text-decoration-color: orange;
        font-size: medium;
        text-decoration: underline orange;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 10px;
        padding-bottom: 10px; }
  main .mainAbout .cajaTextoAbout {
    margin-left: 2px;
    margin-right: 2px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }
    main .mainAbout .cajaTextoAbout .divCalltoaction .calltoaction {
      text-decoration-color: orange;
      font-size: medium;
      text-decoration: underline orange;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 10px;
      padding-bottom: 10px; }
  main .cajaBlog {
    margin-left: 1px;
    margin-right: 1px; }
    main .cajaBlog .divCalltoaction .calltoaction {
      text-decoration-color: orange;
      font-size: medium;
      text-decoration: underline orange;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 10px;
      padding-bottom: 10px; }
    main .cajaBlog .divImagenYtituloBlog .cajaImagenBlog {
      width: 100%; }
      main .cajaBlog .divImagenYtituloBlog .cajaImagenBlog .fotoPosteos {
        width: 100%;
        height: 100%; }
  main .cajaCurso .reservarCurso .divCalltoaction .calltoactionSmall {
    text-decoration-color: orange;
    font-size: medium;
    text-decoration: underline orange;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px; }
  main .cajaCurso .carousel {
    width: 200px;
    margin: 2px  auto;
    padding: 0px; }
  main .cajaContacto .container .letraPisaBootstrap .calltoaction {
    font-size: small;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px; }
  main .sectionProximosCursos {
    margin-left: 2px;
    margin-right: 2px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }
    main .sectionProximosCursos .cajaProximosCursos .proximoCurso {
      width: 100%;
      border: #735d331b 5px solid; }
      main .sectionProximosCursos .cajaProximosCursos .proximoCurso img {
        width: 100%;
        height: 100%; }
      main .sectionProximosCursos .cajaProximosCursos .proximoCurso .divCalltoaction .calltoaction {
        text-decoration-color: orange;
        font-size: medium;
        text-decoration: underline orange;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 10px; }
  main .sectionReviews {
    margin-left: 2px;
    margin-right: 2px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }
    main .sectionReviews .review {
      border: #fecb01b6 5px solid; }
  main .sectionNuevoPost {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 2px;
    margin-right: 2px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #fecb0123 5px solid; }
    main .sectionNuevoPost .Subtitulo {
      height: 70px;
      margin-bottom: 0px; }
    main .sectionNuevoPost .cajaImagenPosteo {
      margin-top: 0px;
      margin-bottom: 0px;
      background-color: #fecb0123;
      width: 100%;
      margin: auto; }
      main .sectionNuevoPost .cajaImagenPosteo .fotoPosteos {
        width: 100%;
        height: 100%; }
    main .sectionNuevoPost .cajaTextoPosteo {
      margin-top: 0px;
      background-color: #fecb0123; }
    main .sectionNuevoPost .divCalltoaction {
      background-color: #fecb0123; }
      main .sectionNuevoPost .divCalltoaction .calltoaction {
        text-decoration-color: orange;
        font-size: medium;
        text-decoration: underline orange;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 10px;
        padding-bottom: 10px; } }