body, html {
      height: 100%;
      margin: 0;
      /*font: 800 15px/1.8 "Roboto", sans-serif;
      color: #777;*/
    }
    
    .bgimg-1, .bgimg-2, .bgimg-3 {
      position: relative;
      /*opacity: 0.65;*/
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    
    }
    .bgimg-1 {
      background-image: url("ima/cdmx.jpg");
      height: 100%;
    }
    .caption {
      font-size: 58px;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      text-align: center;
      color: #fff;
    }
    /*
    .caption span.border {
      background-color: #111;
      color: #fff;
      padding: 18px;
      font-size: 25px;
      letter-spacing: 10px;
    }
   
    h3 {
      letter-spacing: 5px;
      text-transform: uppercase;
      font: 20px "Lato", sans-serif;
      color: #111;
    }

    */