/*=== Site Wd Css ===*/
:root , * { 
font-size: 16px;

}

/*===Bree Header ===*/
#sp-preeheader { 
padding: .25 2rem;
background: #000;
display: block;
color: #fff;
  text-align: center;
}

#sp-preeheader h5 { 
margin: .25rem 0;
font-size: 1.rem;
font-weight: bold;
}

/*=== Header ===*/
#sp-header { 
padding: 0 2rem;
height: 70px;
}

#sp-adlogo img { 
height: 70px;

}
/*Menu*/
.sp-megamenu-parent > li > a{ 
color: rgb(36, 62, 146);
line-height: 70px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: rgb(253, 182, 21);
} 

/*=== Hero section ===*/
#sp-adhero { 
background: url("https://statenislandflameproofing.com/images/sfpbannder.jpg"); 
padding: 8rem 2rem;
}

#sp-adheroi { 
text-align: center;
color: #fff;
text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.7);

}

#sp-adheroi .ajinner { 
background: rgba(36, 62, 146, 0.4);
padding: 0.5rem;
margin: 0 -2rem;
}



#sp-adheroi h1 { 
text-transform: uppercase;
font-size: 3rem;
color: rgb(253, 182, 21);
}
/* top call to accction **/

#sp-adtcall { 
padding : 0 2rem;

}





/*=== Main Body ===*/
#sp-main-body { 
padding:1rem 2rem;
}

#sp-main-body h1, #sp-main-body h2, #sp-main-body h3, #sp-main-body h4{ 
color: rgb(36, 62, 146); /*body heading colors*/

}

#sp-main-body h1 { 
font-size: 2.25rem;

}

#sp-main-body h2 { 
font-size: 1.75rem;

}

/*==== Pre-Bottom ====*/
#sp-prebottom { 
  padding: 2rem;
 background-image: url("https://statenislandflameproofing.com/images/attnbg.png");
  background-size: cover;
 background-color: rgb(36, 62, 146)
}

.attn1{ 
 text-align: center;
}

.attn1 h1 { 
color: rgb(253, 182, 21);
font-size: 2.5rem;
}

.attn1 p { 
color: #fff;
font-size: 1.25rem;
}



.ctawrapper { 
  text-align: center;
  padding: 1rem 2rem; 
  width: 80%;
  margin: 2rem auto 0;
  border: 1px solid #000;
 
  background-color: rgb(253, 182, 21);

}

.ctawrapper h3 { 
 display: inline-block;
  font-size: 1.75rem;
}

.ctabtn { 
  display: inline-block;
  background: rgb(36, 62, 146); 
  color: #fff;
  border-radius: 7px;
  padding: .5rem 1rem;
  font-weight: bold;
  font-size: 1.75rem;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid rgb(22, 35, 76);
}

.ctabtn i { 
font-size: 1.5rem;

}




/*=== Footer ===*/
#sp-footer { 
padding: 2rem 2rem;
text-align: center;
}
/*==== media Queies ===*/
  
@media only screen and (max-width: 982px) { 
  /*query begins*/
   /*preheader */
  #sp-adlogo { 
  width: 80%;
  
  }
  
  #sp-menu { 
   width: 20%;
  
  }
  
  
  
  /*query ends*/
 
}

/*=== Media Queries ===*/