body {background:#ffffff; font-family: "Montserrat", sans-serif;
background-size:cover; color:#444444;}
.container {max-width: 1400px;}
.tshadow { text-shadow:#ffffff 2px 2px 3px;}
.dshadow { text-shadow:#000000 2px 2px 3px;}

.header { background:none;  
    color:#ffffff;
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
.headback { background: #000;}
.address { color:#ffffff; font-size:1.1em; text-align:center; }
.phone {  color:#ffffff; background:#cb0000; border-radius: 4px; padding-bottom:4px; max-width: 240px;  font-family: "Montserrat", sans-serif;}
#phone { color:#ffffff;  font-family: "Montserrat", sans-serif; }
#phone:hover { color:#eeeeee; }

#glink { color:#999; text-decoration:underline; text-align:center; }
#glink:hover { color:#ddd; }

.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-animate-fading{animation:fading 10s;}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.slogan
{
	font-size:1.2em;
	letter-spacing:1px;
	line-height:1.1em;
	font-family: 'Sorts Mill Goudy', serif;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	background:url(../images/fuzz.png) top center no-repeat;
	padding:6px 0px 5px 0px;
	
}

.footerpic {
background:url(../images/nt-auto-body-footerback.jpg) top left #111111; background-size:cover;
padding:40px auto;
}
.blback {
background:url(../images/bl_bg.png) top center fixed; 
padding:40px;}

.spacerback {
background:url(../images/honda-certified-back.jpg) top fixed; color:#111111; background-size:cover;
padding:160px;}	
.aboutback {
background:url(../images/About-Us-Homepage.jpg) top left; color:#111111; background-size:cover;
padding:60px;}	
.redback {
background: #D52E2E;
background: linear-gradient(140deg,rgba(213, 46, 46, 1) 65%, rgba(255, 255, 255, 1) 65%);
    padding:60px auto; color:#ffffff; font-weight:600; line-height: 1.8em; letter-spacing: .1em;
}
.redback-reverse {
background: #D52E2E;
background: linear-gradient(315deg,rgba(213, 46, 46, 1) 65%, rgba(255, 255, 255, 1) 65%);
    padding:60px auto; color:#ffffff; font-weight:600; line-height: 1.8em; letter-spacing: .1em;
}

.white-fade {background:url(../images/wh-bg.png) top center fixed;  color:#111111; font-weight: normal;
padding:40px;}
.clearbox {padding: 10px 30px;}
.green {color:#43ca42;}
.yback { background:#f6cc22; padding:20px 8px;}
#yellow {color:#f6cc22;}
.red { color:#e81f25;}
#red { color:#e81f25;}
.grayb { background:#222222;}
#gray { color:#cccccc;}
.bump { font-size:1.2em;}


#white { color:#fff;}
.white-bg { background:#fff; color:#222222; padding:60px 0px 60px 0px;}
.whitebg { background:#ffffff;  padding:30px 20px 30px 20px;}
.floatbox { padding:60px;}
.black-bg { background:#2c2d2e; color: #ffffff; padding:40px;}
.featcont { background:#eeeeee; max-width:350px; padding:30px 23px; margin: 9px; color:#444444; text-align: center;  box-shadow:#adadad 2px 2px 6px 2px; border-radius: 3px;}
.test { background:#000000; color:#ffffff; padding:20px; margin:12px; border-radius:20px; box-shadow:#333 2px 2px 6px 2px;}
.blacktext { color:#111111;}
.btn-home{color:#ffffff;background-color:#303030; padding:4px 26px 12px 26px; font-size:1.2em; border-radius:2px; font-weight:bold;   }
.btn-home:focus,.btn-home:hover{color:#ffffff;background-color:#58708a; }
.btn-home.active{color:#fff;background-color:#58708a;}
.navbarback {background:#fdd800; padding:0px;  border-bottom:4px #e7a60b solid; }


.desk { display:block;}
.mobi { display:none;}



.couponback { background: #ffffff; border-radius: 10px; padding: 24px; margin: 12px;}
.coupon { color: #111111; border: 4px dashed #db1b2d; border-radius: 10px; padding:12px; text-align: center;}
.red-back {
    background: #D52E2E; padding: 10px; max-width: 600px;}



@media (max-width:575.98px){
    h1 { font-size:2em;}
.desk { display:none;}
.mobi { display:block;}
      .mobin { display:block;}
.phone {  margin:4px 12px 0px 12px; font-size:1.1em;}
.slogan { text-align:center; margin-top:10px; }
#btn {  font-size:1.2em;} 
.header { 
position:static; z-index: 000;
padding-top:0px; padding-bottom:0px;}
.detailbox { padding:0px 4px 0px 4px;}
    .halfb{ width:100%; float:none;  }
.half{ width:50%; float:left; text-align: center; }
.headerlogo { margin-top:0px; margin-bottom:8px;  max-width:136px;}
.buffer { height:20px; }

.address { margin:1px 2px 5px 2px; }
}
@media (min-width:576px){ 
.desk { display:none;}
.mobi { display:block;}
    .mobin { display:block;}
.headerlogo { margin-top:0px; margin-bottom:8px;  max-width:136px;}
.slogan
{	font-size:1.2em;
	  margin-top:10px;
}
.header { 
	position:static;
padding-top:0px; padding-bottom:0px;
}
.detailbox { padding:0px 4px 0px 4px;}
 .halfb{ width:100%; float:none;  }   
.buffh { margin-top:29px;}
#btn {  font-size:1.2em;}
.phone { font-size:1.1em; margin:4px 2px 0px 2px;}
.half{ width:50%; float:left; text-align: center;  }
.buffer { height:20px;}

 
.address { margin:1px 2px 5px 2px; }

}
@media (min-width:740px){ 
.desk { display:none;}
.mobi { display:block;}
    
.mobin { display:none;}
.header { 
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
.halfb{ width:50%; float:left;  }
.slogan
{	font-size:1.4em;	  margin-top: 14px;}
.detailbox { padding:0px 0px 0px 40px;}
#btn {  font-size:1.2em;}
.buffh { margin-top:20px;}
.phone { font-size:1.2em; margin:14px 2px 0px 2px;}
.half{ width:50%; float:left; text-align: center;  }
.buffer { height: 178px;}

.address { margin:15px 2px 5px 2px; }
 
}

@media (min-width:992px){
.slogan
{	font-size:1.3em;  margin-top: 20px;}
    .detailbox { padding:0px 0px 0px 40px;}
.desk { display:block;}
.mobi { display:none;}
    .mobin { display:none;}
.header { 
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
    .address { margin:15px 2px 5px 2px; }
.halfb{ width:50%; float:left;  }
#btn {  font-size:1.2em;}
.buffh { margin-top:25px;}
.phone { font-size:1em; margin:8px 0px 8px 0px;}
.half{ width:50%; float:leftt; text-align: center;  }
	.buffer { height: 100px;}
    
}
@media (min-width:1200px){
.slogan
{	font-size:1.4em;
    margin-top: 20px;
}
.desk { display:block;}
.mobi { display:none;}
    .mobin { display:none;}
.detailbox { padding:0px 0px 0px 40px;}
.header { 
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
#btn {  font-size:1.2em;}
.buffh { margin-top:29px;}
.phone {  font-size:1.2em; margin:10px 0px 8px 0px;}
.half{ width:50%; float:left; text-align: center;  }
    .halfb{ width:50%; float:left;  }
	.buffer { height: 135px;}
.address { margin:24px 2px 10px 2px; }  
}
@media (min-width:1300px){	.buffer { height: 185px;}}
#ml { color:#313131; padding-left:10px; }
#ml:hover { color:#fff; background:#e7a60b; border-radius:9px; }
#mls { color:#fff; padding-left:10px; background:#231f20;}
#mls:hover { color:#fff; background:#333; border-radius:0px; }

.detail-table-striped tr:nth-of-type(even){background-color:rgba(255,255,255,.08)}
.detail-table{width:100%; padding:4px; vertical-align:top; margin-top:20px; margin-bottom:20px;}
.detail-head { font-size:1.1em; padding-bottom:8px; }
a:link {
	text-decoration: none;
    color:#081d2f;
	color:#001349;
}
a:visited {
	text-decoration: none;
     color:#081d2f;
}
a:hover {
	text-decoration: none;
    color:#001349;
}
a:active {
	text-decoration:none;
    color:#001349;
}	


.hb{color:#445274;background-color:#f9e84d; padding:10px 14px 12px 14px; margin:10px; font-size:1.2em;   }
.hb:focus,.hb:hover{color:#fff;background-color:#f9c400; }
.hb.active{color:#333;background-color:#f9c400; border-color:#f9e84d;}

p { font-size:1.1em;}

hr {border-top: 1px solid #253453;}

h1 { color:#D52E2E; font-size:3.5em; font-weight: bold; font-family: "Montserrat", sans-serif; margin-bottom:20px; margin-top: 0px;}
h2 { font-size:2.8em; color:#D52E2E; margin-top: 0px; font-weight:bolder; font-family: "Montserrat", sans-serif; margin-bottom:0px;}
h3 { color:#222222;  font-size:2em; font-family: "Montserrat", sans-serif; margin-bottom:0px;}
h4 { color:#111111; font-size:1.4em; text-align:left; margin-top:10px; margin-bottom:0px;}


.feat
{
	border-radius:20px;
	margin:5px;
	padding:50px 18px 20px 18px;
	background: rgb(210,29,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,29,46,1) 0%, rgba(169,3,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21d2e', endColorstr='#a90329',GradientType=0 );
	border:2px solid #a90329;
	font-size:1.1em;
	font-weight:normal;
	color:#fff;
	text-align:left;
}

.thumbpic { padding:5px; width:100%; max-width:110px;}
.descriptbox { padding:20px 12px;}
.logom { margin-bottom:8px;}
.leadpad { padding: 5px 18px 10px 18px;}
#footer { background:#111111; 

padding:40px 0px 6px 0px; color:#f6cc22;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#ffffff;
	
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
}

.footlogo { margin:5px 14px; }



#fphone {  font-size:1.9em; margin:18px 2px 2px 2px;}

#cwr {
	margin:0 auto;
	background-color:none;
	color:#ccc;
	background:#111;
	text-align:center;
	font-size:.7em;
}


.tint {
  position: relative;
  float: left;
  cursor: pointer;
  text-decoration:none;
  margin-bottom:14px;
  padding:10px;
  box-shadow:#304365 1px 2px 4px 1px;
   border-radius:6px;
   background:#000;
}

.tint:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius:6px;
  background: rgba(48,67,101, 0.4);
   -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
   text-decoration:none;
}

.tint:before {
	 -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
  background: none;
}

hr { border:1px solid #b3bead;}
.whul { list-style:url(../images/sul.png); font-size:1.3em; color:#222222; margin-left:30px; line-height:1.3em;}
.chul { list-style:url(../images/circle.png); font-weight: normal; font-size:1.2em; color:#111111;  margin-left:60px; line-height:1em; }


#btn {
  
  border-radius: 3px;
    padding: 3px 8px;
    max-width: 280px;
    text-align: center;
  height: 36px;
  display: block;
    color: #ffffff;
  background: linear-gradient(to right, #cb0000 50%, black 50%);
  
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

#btn:hover {
  background-position: left bottom;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}




#btnw {
  
  border-radius: 3px;
    padding: 3px 8px;
    max-width: 280px;
    text-align: center;
  height: 36px;
  display: block;
    color: #111111;
  background: linear-gradient(to right, #cb0000 50%,  white 50%);
   font-size:1.2em;
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

#btnw:hover {
  background-position: left bottom;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}




.btext {
  text-align: center;
  font-size: 16px;
  line-height: 30px; 
  color: black;
  transition: all .6s ease-out;
  display: block;
}

.btext:hover {
  color: white;  
}


#btng {
background: rgb(162,18,24);
background: linear-gradient(0deg, rgba(162,18,24,1) 0%, rgba(198,31,37,1) 100%);
  border-radius:6px;
  font-size:1.2em;
  color:#fff;
  font-weight:bold;
  margin:10px 3px;
  padding: 14px 26px 14px 26px;
  text-align:center;
  text-decoration: none;
}

#btng:hover {
 background: rgb(162,18,24);
background: linear-gradient(180deg, rgba(162,18,24,1) 0%, rgba(198,31,37,1) 100%); 
  color:#ffffff;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}



#btnh {
  background:#111111;
  color:#ffffff;
  border:4px solid #ffffff;
    font-size: 1.8em;
  font-weight:bold;
  margin:10px 0px 0px 0px;
  padding: 6px 3px;
  max-width:220px;
  text-align:center;
  text-decoration: none;
    opacity: .8;
}


#btnh:hover {
  background:#ffffff;
  color:#111111;
  border:4px solid #ffffff;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

 .bar { background:#222222; height:3px; width:100px; margin:0px 2px 20px 2px; }
@media (max-width:575.98px){ .slideover {z-index:888888; width:100%; position:absolute; padding-top:0px;}
#btnh {
  font-size:.9em;  margin-top:-20px;}
 .htext {  font-size:1.4rem;}  
}
@media (min-width:576px){ .slideover {z-index:888888; width:100%; position:absolute; padding-top:10px;}
#btnh {
  font-size:1.1em;  margin-top:-20px;}
.htext {  font-size:1.6rem;}      
}
@media (max-width: 767px) { 

.one { display:none;}
.two { display:none;}
.three { display:none;}
.four { display:block;}
#btnh {
  font-size:.9em;  margin-top:-20px;}
  .slideover {z-index:888888; width:100%; position:absolute; padding-top:30px;}
.headerlogo { margin-top:10px;  max-width:130px;}
 .descriptbox { padding:20px 12px;}
.htext {  font-size:1.2rem;}  

}
 

@media (min-width: 768px) { 
.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}
#btnh {
  font-size:1em;  margin-top:-25px;}
.slideover {z-index:888888; width:100%; position:absolute; padding-top:140px;}
.headerlogo { margin-top:20px; max-width:136px;}
.descriptbox { padding:20px 12px; max-width: 380px;}
.htext {  font-size:1.2rem;}  
}

@media (min-width: 992px) { 
.one { display:none;}
.two { display:block;}
.three { display:none;}
.four { display:none;} 
.slideover {z-index:888888; width:100%; position:absolute; padding-top:170px;}
#btnh {
  font-size:1.1em;  margin-top:12px;}
.headerlogo { margin-top:20px; max-width:136px;}
.descriptbox { padding:20px 12px; max-width: 310px;} 
.htext {  font-size:1.2rem;}  
}

@media (min-width: 1200px) { 
.one { display:block;}
.two { display:none;}
.three { display:none;}
.four { display:none;}

.slideover {z-index:888888; width:100%; position:absolute; padding-top:250px;}   
#btnh {
  font-size:1.2em;  margin-top:12px;}
.headerlogo { margin-top:20px; max-width:136px;}
    .htext {  font-size:1.2rem;}  
}
.full { width:100%;}
.nopad {margin:0px; padding:0px;}		


.nob { margin:0px; border:0px; border-radius:0px;}


.LocationButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #55040c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #55040c;
	box-shadow:inset 0px 1px 0px 0px #55040c;
	background: rgb(162,18,24);
background: linear-gradient(0deg, rgba(162,18,24,1) 0%, rgba(198,31,37,1) 100%);

	border-radius:8px;
	border:1px solid #111111;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	width:70%;
	text-align:center;
	padding:6px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.LocationButton:hover {
	background: rgb(162,18,24);
background: linear-gradient(180deg, rgba(162,18,24,1) 0%, rgba(198,31,37,1) 100%); 
	color:#ffffff;
}
.LocationButton:active {
	position:relative;
	top:1px;
}
/*------hover image box --------  http://css-workshop.com/hover-box-text-over-images-on-hover-and-more/ */


.hvrbox,
.hvrbox * {
	box-sizing: border-box;
	margin-top:0px;
    margin-bottom:0px;
	padding-top:0px;

}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
	margin-top:0px;
	padding-top:0px;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
	margin-top:0px;
	padding-top:0px;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(35, 35, 35, 0.7);
	color: #fff;
	font-weight:bold;
margin-top:0px;
	padding-top:0px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 1.2em;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 0px;
	padding-top: 0px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
	
.hvrbox .hvrbox-layer_slideleft {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.hvrbox:hover .hvrbox-layer_slideleft,
.hvrbox.active .hvrbox-layer_slideleft {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.containeri {
  position: relative;
 
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0, 0, 0, 0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containeri:hover .overlay {
  height: 100%;
}

.text {
  font-size:1.2em;
  color: white;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
    width: 100%;
    padding:20px;
}


.footghost{ opacity: .6;}

@media (max-width:575.98px){.text {font-size:1.1em;}.footghost{ max-width:100px; } }
@media (min-width:576px){.text {font-size:1.1em;}.footghost{ max-width:150px; }}
@media (min-width:768px){.text {font-size:1.2em;}.footghost{ max-width:200px; }}
@media (min-width:992px){.text {font-size:.9em;}.footghost{ max-width:160px; }}
@media (min-width:1200px){.text {font-size:1.2em;} .footghost{ max-width:200px; }}



* {box-sizing: border-box;}


img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.texts {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .texts {font-size: 11px}
}

.hwrapper {
  /* 
  display: block; 
  since divs' default display value is already block
  */
  height:40rem;
  overflow-y: hidden;
  align-self: start;
  padding-left:1%;
}
.htext {
  color: #9D9D9D;
  position: relative;
  animation: slide-up 1.2s;
}
.hbar {
  animation: slide-right 1.4s;
}
.hstext {
  color: #9D9D9D;
  position: relative;
    font-weight: lighter;
  font-size:1rem;
  animation: slide-up 1.8s;
}
.httext {
 
  position: relative;

  animation: slide-up 2.3s;
}
.hsecond {
  color: black;
  top: -1.2rem;
}

@keyframes slide-up {
  from {
    transform: translateY(5rem);
  }
  to {
    transform: translateY(0);
  }
}


@keyframes slide-right {
  from {
    transform: translateX(-5rem);
  }
  to {
    transform: translateX(0);
  }
}

@media (max-width:575.98px){.hstext {font-size:1rem;} }
@media (min-width:576px){.hstext {font-size:1rem;}}
@media (min-width:768px){.hstext {font-size:1.2rem;}}
@media (min-width:992px){.hstext {font-size:1.2rem;}}
@media (min-width:1200px){.hstext {font-size:1.2rem;}}

article .redback{margin-bottom:2rem;}
article h1{text-shadow:0 0 8px #000;}