/* I - PAD view  */
@media only screen and (max-width:1245px){

  #cards{
    flex-direction: column;
  }
  .box{
    margin: 20px 0px;
  }
  #secondh > div{
    width: 60%;
  }
  #info img{
    width: 40%;
    height: 250px;
  }
  #info{
    margin: 10px 0px;
  }
}


@media only screen and (max-width:1181px){
  #info1{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #info2{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

}


@media only screen and (max-width:943px){
  #info img{
    width: 50%;
  }
  #bannerh2{
    font-size: 30px;
  }
  #bannerh22{
    font-size: 30px;
  }
  #secondh > div{
    width: 60%;
  }
  #server1{
    width: 40%;
  }
  #server2{
    width: 40%;
  }
  #server1 p,#server2 p{
    font-size: 20px;
  }
}