.logo {
  height: 200px;
  width:200px;
  margin-top: 200px;
}

body, html {
    height: 100%;
    margin: 0;
    }

.bg {
  background-image: url(img/background2.png);
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

img{
    height:100vh;
    width:100%;
}


a:hover {
  opacity: 0.6;
  transition: 0.3s;
}

@media only all and (max-width:768px) { 
img{
    height:50vh;
    width:100%;
}
}