/* ============================================================================
   For help go to: http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
   ============================================================================ */
/* <Global styles> */
#socialBtn {
    margin-right: 25.5em;   
    margin-top: -4em;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
    display: inline;
    float: right;
}

h4, h3 {
    text-align: center; 
}

#mailAlert {
  margin-top: 0px;
  margin-bottom: 0px;
}

}

/* </Global styles> */

@media screen and (min-width: 1200px) {

body {
 margin-top: 5em;   
}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

body {
margin-top: 4em;   
}

#sign {
  margin-right: 5px;
}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

body {
 margin-top: 3em;   
}

#sign {
  margin-right: 5px;
}

}

@media screen and (max-width: 767px) {

body {
 margin-top: 0em;   
}

#sign {
  margin-right: 5px;
}

 #contact, #socialBtn, #slogan {
    display: none;
    }
    
    .door {
     margin-left: 3px;   
    }
    
}

@media screen and (max-width: 480px) {
.door {
     margin-left: 3px;   
    }
.contactForm {
    margin-left: 7em;   
    }
    
 #contact, #socialBtn, #slogan {
    display: none;
    }
}