html { 
  background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logo img {
	position: relative;
	left: 25%;
	    margin-top: 180px;
}

  body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
.logo img {
    position: relative;
    left: -7%;
    margin-top: -41px;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.logo img {
    position: relative;
    left: 37%;
}
}