/*===SITE WHID CSS===*/

/*=== Pre header area ====*/
#sp-prehero { 
padding:13rem 2rem;
background-image: url("https://newyorkcityflameproofing.com/images/bg3.jpg");
background-size: cover;
background-position: center;
text-align: center;
}

.tfoldlinkwrap { 
display: flex;
  margin: 1rem auto;
 justify-content: center;
}

.tfoldlinkwrap a { 
 color: #fff;
background: red;
 padding: .5rem 2rem;
 font-size: 1.45rem;
  margin: 1rem 1rem;
 text-transform: uppercase;
 font-weight: bold;
  border: 1px solid #fff;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
  box-shadow: 2px 3px 3px rgba(0,0,0,0.5);
}

/*interior styling */

.abt #sp-prehero, .svc #sp-prehero, .faq #sp-prehero, .blg #sp-prehero, .ctus #sp-prehero { 
padding: 7.5rem 2rem;

}


#sp-prehero h1, #sp-prehero h3,
#sp-prehero p  /*prehero font color*/ { 
color: #fff;

}

#sp-prehero h1 { 
  font-size: 4rem;
   text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
}

#sp-prehero h3 { 
 font-weight: bold;
 font-size: 2.5rem;
 text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);

}
#sp-prehero p { 
  text-shadow: 3px 3px 4px rgba(16, 12, 30, 1);
  font-size: 1.25rem;
  font-weight: bold;
}



/*==== Menu Section ====*/
#sp-header { 
padding: 0 2rem;
background-color: red;
}

.sp-megamenu-parent { 
display: flex !important;
justify-content: center;
float: none;

}

.sp-megamenu-parent > li { 
flex-grow: 1;
text-align: center;

}


.sp-megamenu-parent > li > a { 
text-align: center; 
color: #fff;
font-size: 1.25rem;
text-shadow: 2px 2px 2px rgb(142, 2, 2);
background-color: inherit;
width: 100%;
transition: 1s;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active > a:hover { 
background-color: #000;
 width: 100%;
color: #fff;
}




/*=== First call ===*/
#sp-fstcta { 
text-align: center;
padding: 5rem 2rem;
}

.vidintro { 
width: 60%;
margin: 3rem auto;
height: auto;
padding: 1rem; 
border: 2px solid #000;
}


/*==== Main body ====*/
#sp-main-body{
 padding: 4rem 0;
}


/*==== Media queries =====*/
/**Laptops***/

@media only screen and (max-width: 1366px) { 
/*begining*/  
  
  
/*===hero section===*/
  #sp-prehero{
    padding: 8.5rem 2rem;
    
    
  }
  


/*end*/
}




/**=Tablet sceen=**/

@media only screen and (max-width: 1000px) { 
/*===menu area==*/
  .sp-megamenu-parent { 
   display: none!important;
  
  }

  
  /**==main body area==*/
  /*first cal*/
  .vidintro {
    width: 80%;
  }
  
}


/*=smart phone screen=*/
/*567 breakpoint fix **/
@media only screen and (max-width: 567px) { 
/*begining*/  
  
  
/*===hero section===*/
  #sp-prehero{
    padding: 3.5rem 2rem;
    
    
  }
  
  .tfoldlinkwrap { 
  flex-direction: column;
  width: 100%;
  }

  
  /*=== Main body area ==*/
  /*first call*/
   .vidintro {
    width: 90%;
  }
  
  
  

/*end*/
}



/**s417 breakpoint fix **/
@media only screen and (max-width: 417px) { 
/*begining*/
  /*hero section */
  #sp-prehero h1  { 
  font-size: 3.75rem;
  
  }
  
  
  #sp-prehero h3 { 
  font-size: 1.95rem;
  
  }
  
  /*first call*/
   .vidintro {
    width: 100%;
  }
  
  
  
/*end*/
}

/*371 breakpoint fix*/
@media only screen and (max-width: 371px) { 
/*begining*/
  /*hero section */
  #sp-prehero h1  { 
  font-size: 3.25rem;
  
  }

/*end*/
}