.masterHead {
  background-image:url("//s3.amazonaws.com/statuspage-production/pages-hero_covers/normal/3897/WDs6S0DESmmo06S89oTA") !important;
  height: 315px;
  width: 850px;
  background-size: cover;
  margin: 0 auto;
  border-left: 1px solid ccc;
  border-right: 1px solid ccc;

}

.release {
  padding: 10px;
  background-color: black;
  margin: auto;
  width: 850px;
  height: auto;
  font-size: 14px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius:3px;
}

.message {
  color: #fff;
  
  display:inline-block;
  width: auto;
 
}

#.buttonSurround {
# margin: 20px 0 0 30px;
# background-color: #d8eaf5;
# float: right;
#  display:inline-block;
# border-radius: 3px;
# -webkit-border-radius: 3px;
# -moz-border-radius: 3px;
# width: 160px;
#  padding: 6px 6px 8px 6px;
# text-align: center;
# box-shadow: 0px -4px 0px rgba(0, 0, 0, 0.15) inset;
#}

.tooltip-base {
 color:#e0e0e0; 
}




/* Smartphones (portrait and landscape) ----------- */
@media screen 
 and (max-device-width: 768px) {
		.masterHead {
    height: 0 !important;
    width: 200px !important;
  }
  
 
  
  .release {
    height: 300px;
    width: auto;
  
  }
  
  h4 {
    font-size: 20px;
  }
 
 
  
 # .buttonSurround {
 #   width: 260px;
 #   float:left;
  }
 
  }