.logo img {

  
 display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:100px;
  width: auto;


}

/* Position text in the middle */
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;

 margin-top: 100px;
  /* Add a white text color to all elements inside the .bgimg container */
  color: #000000;
  /* Add a font */
  font-family: "Century Gothic", Courier, monospace;
  /* Set the font-size to 25 pixels */
  font-size: 25px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 250;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}


.btnwsp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.btnwsp:hover {
  text-decoration: none;
  color: #25d366;
  background-color:#fff;
}


.my-float{
  margin-top:16px;
}