@keyframes imagedropTechnology {
    from {top: 1rem;}
    to{top: 4rem;}
}

.technology{
  position: relative;
  background-color: black;
  height: auto;
}

.technology-title h1{
  color: white;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}

.technology-subtitle h2{
  color: white;
  font-size: 6rem;
  line-height: 6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}

.technology-content{
  height: 43.5rem;
}

.technology-section{
  height: 48rem;
}

.technology-section-image{
  position: relative;
  top: 1rem;
}

.image-drop-technology{
  animation-name: imagedropTechnology;
  animation-duration: 2s;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
   -moz-animation-fill-mode:forwards; /*FF 5+*/
   -o-animation-fill-mode:forwards; /*Not implemented yet*/
   -ms-animation-fill-mode:forwards; /*IE 10+*/
   animation-fill-mode:forwards; /*when the spec is finished*/
}

.technology-section-text{
  /*background-color: red;*/
  height: 100%;
  padding: 0;
}

.technology-section-icon{
  /*background-color: blue;*/
  height: 100%;
}

.technology-section-part-text-left{
  position: relative;
  top: 1.3rem;
  height: 12rem;
  text-align: right;
}
.technology-section-part-text-left p{
  position: relative;
  margin: 0;
  top: 2.5rem;
  right: 1rem;
  font-size: 2rem;
  line-height: 2rem;
  color: white;
}

.technology-section-part-text-right{
  position: relative;
  top: 1.3rem;
  height: 12rem;
  text-align: left;
}
.technology-section-part-text-right p{
  position: relative;
  margin: 0;
  top: 2.5rem;
  left: 1rem;
  font-size: 2rem;
  line-height: 2rem;
  color: white;
}

.technology-section-part-icon{
  position: relative;
  top: 1rem;
  height: 12rem;
  text-align: center;
}

.technology-section-part-icon img{
  max-height: 100%;
}





/*-----------------------------------------------------------------------------*/


@media only screen and (max-width: 1200px) {

  .technology{
    position: relative;
    background-color: black;
    height: auto;
  }

  .technology-title h1{
    color: white;
    font-size: 4rem;
    line-height: 4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
  }

  .technology-subtitle h2{
    color: white;
    font-size: 10rem;
    line-height: 10rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
  }

  .technology-content{
    height: auto;
  }

  .technology-section{
    height: auto;
  }

  .tleft{
    position: relative;
    left: 5rem;
  }

  .tright{
    position: relative;
    right: 5rem;
  }

  .tcenter{
    position: relative;
    top: 12rem;
  }

  .icon-section-margin{
    margin-bottom: 8rem;
  }

  .technology-section-image{
    position: relative;
    top: 1rem;
    padding: 2rem;
    text-align: center;
  }

  .technology-section-image img{
    content:url("../images/mobile/gtd1sec09img01gotoky.png");
    width: 27rem;
  }

  .technology-section-text{
    /*background-color: red;*/
    height: 100%;
    padding: 0;
  }

  .technology-section-icon{
    /*background-color: blue;*/
    height: 100%;
  }

  .technology-section-part-text-left{
    position: relative;
    top: 1rem;
    height: 10rem;
    text-align: right;
  }
  .technology-section-part-text-left p{
    position: relative;
    margin: 0;
    top: 0;
    right: 1rem;
    font-size: 3rem;
    line-height: normal;
    color: white;
  }

  .technology-section-part-text-right{
    position: relative;
    top: 1rem;
    height: 10rem;
    text-align: left;
  }
  .technology-section-part-text-right p{
    position: relative;
    margin: 0;
    top: 0rem;
    left: 1rem;
    font-size: 3rem;
    line-height: normal;
    color: white;
  }

  .technology-section-part-icon{
    position: relative;
    top: 1rem;
    height: 10rem;
    text-align: center;
  }

  .technology-section-part-icon img{
    max-height: 100%;
    float: right;
  }

  .float-icon-left img{
    float: left;
  }


}