.homepage {
  margin-bottom: 0px;
  background-size: cover;
  background-image: url(../images/index/homepage.jpg);
  width: 100%;
  min-height: 758px;
  font-weight: 400;
  position: absolute;
  top: 50px;
  left: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column; 
  line-height: 19px;
}
  .homepage > div {
    width: 100%;
    margin: auto;
    color: #ffffff;
    text-align: center;
    min-height: auto; 
}
    .homepage   > div.intro-transition {
      animation: fadeinAndUp .5s ease; 
  }
    .homepage   > div  > img {
      width: 90px; 
  }
    .homepage    > div    > h4 {
      
      margin-top: 25px;
      letter-spacing: 0px;
      font-weight: 400; 
  }
      .homepage    > div    > h4    > p {
        
        color: rgba(255, 255, 255, 0.5); 
    }

      .appstudio-title {
    font-size: 65px;
  }

  .arcgis-title{
    font-size: 45px;
  }
    .homepage    > div    > hr {
      width: 60px;
      margin: 25px auto 30px;
      border: 0px;
      border-top: 3px solid rgba(255, 255, 255, 0.7); }
    .homepage    > div    > p.description {
      font-size: 18px;
      line-height: 20px;
      padding: 0 28%; 
      color: #ffffff;
      max-width: 100%;
  }
    .homepage    > div    > p.learnmore {
      font-size: 15px;
      margin-top: 30px;
      margin-bottom: 40px;
      line-height: 22.5px; }
      .homepage    > div    > p.learnmore    > a {
        color: #ffffff; 
        text-decoration: underline;
    }
    .homepage    > div    > button {
      padding: 20px 72px;
      font-size: 17px;
      background-color: #0079c1;
      color: #ffffff;
      border: 0px; }
      .homepage    > div    > button:hover {
        background-color: #005e95; }

@media (max-width: 850px) {
  .homepage    > div    > p.description {
    padding: 0 15%; } }

@media (max-width: 600px) {
  .homepage    > div    > p.description {
    padding: 0 10%; } }

@media (max-width: 487px) {
  .homepage    > div    > p.description {
    font-size: 14px;
    padding: 0; } }



.container-footer {
    padding: 0;
    background-color: #ffffff;
    width: 100%;
    bottom: 0;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    height: auto;
    min-height: 58px;
    max-height: 116px;
    color: #005e95;
    font-size: 14px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.esriItemLinks {
        line-height: 26px;
        font-size: 13px;
        max-width: none;
        min-width: 300px;
       } 

        .esriItemLinks>a {
            cursor: pointer;
            color: #007ac2;
            padding-left: 2px;
            padding-right: 2px;
            line-height: 19px;
            &:hover {
                color: #00b9f2;
                text-decoration: none;
            }
        }
        .esriItemLinks>span {
            color: #ccc !important;
        }