html, body{
  width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 576px){
  #logo{
    width: 250px !important;
    height: 250px !important;
    max-width: 100%;
  }
}

#logo{
  background-image: url('logo.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 500px;
  height: 400px;
}

.border{
  border: solid 2px rgba(212, 175, 55, 1) !important;
}

#circle{
  background-image: url('circle.gif');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}