html  {

        margin: 0;
        height: 100%;
        width: 100%;
        font-family: 'Open Sans', sans-serif;
}



  body{

  background-image: url("img/bgarkhe.png");
  background-position: center;
  background-size: cover;


}

.container {
  height:  94vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

img {
  width: 50%;
  position: relative;
  left: 25%;
}

footer {

  height: 1px;
  position: fixed;

}

footer a, p {
font-size: 14px;
color: #575757;
margin-left: 20px;
text-decoration: none;
}

a {
  margin-top: 14px;
}


a:hover {
  color:#ffffff;
  cursor: url("../cursor1.png"), pointer;
}

.footer {
  display: flex;
  justify-content: left;

}


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

    img {
      transform: rotate(-90deg);
      width: 50%;
      position: relative;
      left: 25%;
    }