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

.bg {
  /* The image used */
  background-image: url("../img/bg1.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img{width:100%; height:auto;}

.logo{border:0px solid #000; border-radius:20px; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2); background-color:#fff;}

.centermrgin{margin-left:5%; margin-top:10%;}
.centermrgin1{margin-left:5%; margin-top:15px;}


@media screen and (max-width: 767px) {
  .centermrgin{margin-left:0%; margin-top:5%;}
  .centermrgin1{margin-left:0%; margin-top:0px; margin-bottom:5%;}
  .none{display:none;}
  .mbottom{margin-bottom:10px; padding:0% 10%;}
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}