@font-face {
    font-family: 'Trek-Generation-1';
    src:url('../fonts/Glopentine-Bold-Bold.woff') format('woff'),
        url('../fonts/Trek-Generation-1.ttf.svg#Trek-Generation-1') format('svg');; 
    font-weight: normal;
    font-style: normal;
}
a {color:#df0000}
body {font-family: Calibri, Verdana, Geneva, sans-serif; font-size:1.1em;}
h1.h2 {font-weight:bold}
.phone {font-size:2em;color:#df0000;text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;font-style:italic;line-height:normal;}
.estimate {font-size:1.4em;font-style:italic;text-transform:uppercase;line-height:normal;}
.licensed {font-size:1em;font-style:italic;line-height:normal;}
.slogan {font-size:1.6em;line-height:normal;font-style:italic}
.topbar {
	background-color:#620000;height:3rem;
	border-bottom:3px solid white;
}
header {background-color:#000;color:#fff;font-family:'Trek-generation-1';}
#body-container {background-image: linear-gradient(#730000, #bd0000);}
#body-main {background-color:#fff}
/*button*/
.btn-red{color:#fff;background-color:#df0000;border-color:#bd0000}
.btn-red:hover{color:#fff;background-color:#bd0000;border-color:#bd0000}
.btn-red:focus,.btn-red.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#031e06;border-color:#005a5a}
.btn-red:not(:disabled):not(.disabled):active,.btn-red:not(:disabled):not(.disabled).active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#0a1d2f;border-color:#000}
.btn-red:not(:disabled):not(.disabled):active:focus,.btn-red:not(:disabled):not(.disabled).active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,0,0.5)}
/**NAVBAR**/
.navbar { /* navbar styles */
	background:#212121;
	padding:0 1rem;
	border-top:1px solid #fff;
	font-family:'Trek-generation-1';
}
/*.navbar-nav .nav-item:not(:last-child) {
   border-right: 1px solid silver;
}

@media (max-width: 768px) {
  .navbar-nav .nav-item:not(:last-child) {
    border-right: none;
  }
}*/

.nav-link { /* top level link */
  color:#fff;
  font-size:1.2em;
  text-shadow:1px 1px 1px rgba(0,0,0,1);
  position: relative;
}
.nav-link:hover {
  color:#df0000; /* top level link hover */
}
.dropdown-menu { /* dropdown menu styles */
  background:#FFF;
}
.dropdown-item { /* dropdown link */
	 color:#000;
}
.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#00F;
}
.navbar-toggler { /* styles the mobile nav button border */
	border-color:#fff;
	border-radius:8px;
}
.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	.mobile-buttons {padding-top:0;}
	.topbar {height:2rem;}
}

/**END NAVBAR**/



/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
.slogan {font-size:1.3em}
.estimate {font-size:1.5em;/*border-top: 1px solid #fff;border-bottom: 1px solid #fff;*/
    padding: 8px 0; }
.estimate:before {
    content:'';
    position:absolute;
    width:80%;
    height:1px;
    background:radial-gradient(#fff, #212121);
    top:-1px;
    left:10%;
}
	
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
.nav-link:before {
  position: absolute;
  content: '';
  top: calc(50% - 0.9rem);
  right: 0;
  width: 1px;
  height: 30px;
  background: radial-gradient(white, #212121);
  background-position: 50% 100%;
}
/* removes the pipe from the last link */
.no-pipe:before {
  position: absolute;
  content: '';
  top: calc(50% - 1rem);
  right: 0;
  width: 0px;
  height: 30px;

}	
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {

}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {

}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {

}

/**XLG**/
@media (min-width: 1200px) {

}