/*Styles for top menu*/
    .topcontact {
      background-color:rgba(24, 58, 102, 0.7);
      position: absolute;
      top: 65%;
  }

    /*Styles for top menu*/
  .topnav {
      background-color:rgba(255, 255, 255, 0.7);
      position: absolute;
      top: calc(65% + 56px);
  }

  #inicio_marker{
    visibility:hidden; 
    position:absolute; 
    top: 753px;
  }

  #inicio_potencia{
    min-height: 350px;
  }

  .inicio_seccion_left{
    width:50%;
    float: left;
  } 

  .inicio_seccion_right{
    width:45%;
    float: left;
    text-align: center;
  } 

  .inicio_seccion_right img{
    padding-top: 45px;
  }

  #inicio_desafios{
    min-height: 500px;
  }

  #inicio_somos{
    min-height: 550px;
  }

  .pimg1{
    position:relative;
    opacity:1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image:url('../img/inicio/image1.jpg');
    min-height:100%;
  }

  .ptextlogo{
    position:absolute;
    top:5%;
    width:100%;
    text-align:center;
    color:#000;
    font-size:27px;
    letter-spacing:8px;
    text-transform:uppercase;
  }

  .flex-container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: auto;
  }

  .creamos_seccion {
    flex: 0 25%;
    width: 25%;
    margin: 10px;
    text-align: center;
    padding: 16px;
  }

  .creamos_componente{
    padding: 16px;
    min-height:224px;
  }

  .creamos_componente img{
    max-height:160px;
    margin-top: 10%;
  }

  /* Responsive CSS */
  @media screen and (max-width: 1200px) {
    .creamos_componente img{
      max-height:120px;
    }
  }

  @media screen and (max-width: 1080px) {
    #inicio_desafios{
      min-height: 600px;
    }
  }

  @media screen and (max-width: 1024px) {
    #inicio_potencia{
      min-height: 400px;
    }

    .creamos_seccion{
      margin: 10px 0px;
      font-size: 14px;
    }

    .pimg1{
      background-attachment: scroll;
    }
  }

  @media screen and (max-width: 992px) {
    #inicio_somos{
      min-height: 650px;
    }
  }

  @media screen and (max-width: 784px) {
    #inicio_somos{
      min-height: 700px;
    }
  }

  @media screen and (max-width: 888px) {
    .creamos_componente{
      min-height:260px;
    }
  }

  @media screen and (max-width: 872px) {
    #inicio_potencia{
      min-height: 450px;
    }

    #inicio_desafios{
      min-height: 650px;
    }

    .creamos_componente img{
      max-height:100px;
      margin-top: 50%;
    }
  }

  @media screen and (max-width: 800px) {
    #inicio_desafios{
      min-height: 770px;
    }
  }

  /* When the screen is less than 720 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
  @media screen and (max-width: 720px) {    
    .pimg1{
      background-attachment: scroll;
    }
    
    .ptextlogo{
      top:25%;
    }

    .titulo{
      text-align: left;
    }

    #inicio_marker{
      top: 458px;
    }

    .inicio_seccion_left{
      width: 100%;
      float: none;
    } 
  
    .inicio_seccion_right{
      width:100%;
      float: none;
      text-align: center;
    }

    .inicio_seccion_right img{
      padding-top: 0px;
    }

    .flex-container {
      display: block;
      flex-wrap: inherit;
      width: 100%;
      margin: auto;
    }
  
    .creamos_seccion {
      flex: 0 100%;
      width: 100%;
      margin: 0px;
      text-align: center;
      padding: 10px 0px;
    }
  
    .creamos_componente{
      padding: 16px;
      min-height: auto;
    }

    .creamos_componente img{
      max-height:120px;
      margin-top: auto;
    }
  }