.aboutpara {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

#img3 {
  position: absolute;
  width: 22%;
  height:44%;
  border-radius: 50%;
  left: 10%;
  top:29%
}
h1 {
  color: #1b6086;
}
.aboutpara {
  position: absolute;
  width: 50%;
  height: 60%;
  left: 41%;
  top: 20%;
  font-size: 85%;
  line-height: 200%;
  text-align: center;
  color: #000000;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.rights {
  position: absolute;
  width: 50%;
  height: 2%;
  left: 44%;
  top: 98%;
  font-family: serif;
  font-style: normal;
  font-size: 70%;
  line-height: 7%;
  color: #777777;
}


@media (max-width: 768px){

  #img3{
    display: none;
  }
  .aboutpara {
    position: relative;
    width: 70%;
    height: 50%;
    left: 13%;
    top: 55px;
    font-size: 65%;
  }
  
  .rights {
    position: relative;
    width: 30%;
    height: 2%;
    left: 40%;
    top: 110px;
    font-size: 30%;
  }
  #brand1{
    position: absolute;
    left: 50px;
    top: 7px;
  }
  #login{
    position: absolute;
    left: -170px;
  }
  #signup{
    position:relative;
    left:120px;
    top: 3px;
  }

}