body, html { margin: 0; font-size: 18px; line-height: 30px; color: #333333; }
#logo_sm { display: inline; width: 100%; height: 120px; background: url('img/logo_sm_HeartspaceStudios.jpg'); min-height: 120px;  background-repeat: no-repeat; float: left;}
#logo_full { display: none;}
#location_words {display: none;}
.icon_fb {float: left; opacity: 1; padding: 4px, 0px;}
.icon_fb:hover {opacity: .5;}

@media (min-width: 768px) {
	#logo_sm { display: none;}
	#logo_full { display: inline; width: 100%; height: 120px; background: url('img/logo_HeartspaceStudios.jpg'); min-height: 120px;  background-repeat: no-repeat; float: left;}
	#location_words {display: block;}
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1200px;
  }
}

.rule3 { background-color: #666666; height: 3px; width: 100%; clear: both; margin-top: -6px;}
.rule1 { background-color: #000000; height: 1px; width: 100%; clear: both;}

.but_red { margin: auto; padding: 8px 10px;
	border-top: 1px solid #ffffff; background: #C50C20; background: -webkit-gradient(linear, left top, left bottom, from(#D33A36), to(#C50C20));
	background: -webkit-linear-gradient(top, #D33A36, #C50C20); background: -moz-linear-gradient(top, #D33A36, #C50C20);
	background: -ms-linear-gradient(top, #D33A36, #C50C20); background: -o-linear-gradient(top, #D33A36, #C50C20);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,1) 0 .5px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 .5px 0; box-shadow: rgba(0,0,0,1) 0 .5px 0; text-shadow: rgba(0,0,0,.4) 0 .5px 0;
	color: white; font-size: 20px; font-family: Arial, Helvetica, Sans-Serif; line-height:12px; text-align: center; text-decoration: none; vertical-align: middle;
	border: 1px outset #C50C20; 
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	
}
.but_red a:link { color: white; }
.but_red a:hover { color: #CCCCCC; }
.but_red a:visited { color: white; }
.but_red a:active { color: #CCCCCC; }