@charset "utf-8";
/* CSS Document */

/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:100,400,700,900');
/* BODY */
body {
	font-family: 'Saira Extra Condensed', sans-serif;
	}
body,html {
	height:100%;
	width:100%;
	}
p {
	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size: 20pt; 
	color: #848484;}	
/* HEADINGS */
h1 {
	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size: 60pt !important;
	color: #ed145b !important;
	}
h2 {
	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size: 60pt !important;
	color: #ed145b !important;
    text-align: center !important;
	}	
h3 {
  	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size: 50pt !important;
  	color: #5674b9 !important;
}
h4 {
	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size: 35pt !important;
	text-transform: uppercase !important;
	color: #ec008c !important;
  	padding-top: 30px;
	}
/* NAVIGATION */
.social-top-nav {
	background-color: #ed145b !important;
	color: #ffffff !important;
	}
.fab {
	color: #ffffff
	}
.contact {
	font-family: 'Saira Extra Condensed', sans-serif;
	font-size: 15pt;
	margin-top: -10px !important;
	}
.navbar {
  	background-color: #ed145b !important;
}
.top-nav {
    background-color: #ed145b !important;
	color: #fff;
	}
.top-nav a: {
	color: #fff !important;
	}
.top-nav a:link{
	font-size: 16pt;
	padding-top: 20px;
	color: #fff !important;
	}
.top-nav a:active {
	color: #fff !important;
	}
.top-nav a:visited {
	color: #fff !important;
	}
.top-nav a:hover {
	color: #d0d0d0 !important;
  	text-decoration: none !important;
	}
.top-nav a:visited:hover {
	color: #d0d0d0 !important;
  	text-decoration: none !important;
	}
.top-nav li {
  padding-bottom: 10px !important;
  padding-right: 20px !important;
}
.top-nav li a:link{
  font-size: 20pt;
  font-family: 'Saira Extra Condensed', sans-serif;
}
.navbar-toggler {
	color: #ffffff !important;
  	text-align: right;
	}
.container-fluid.social-top-nav .row .col-md-7 .row.float-right .navbar.navbar-expand-xl.navbar-light .navbar-toggler .navbar-toggler-icon {
  	color: #ffffff !important;
}
.container-fluid.social-top-nav .row .col-md-7 .row.float-right .navbar.navbar-expand-xl.navbar-light .navbar-toggler {
  	color: #ffffff !important;
}
.logo {
	min-height: 200px;
	min-width: 200px;
	height: 200px !important;
	width: 200px !important;
  	top:-20px;
  	left: 50px;
  	position: absolute !important;
}
.logo-div {
  	overflow: visible !important;
  	position: absolute !important;
  	margin: 20px !important;
  	top: 20px;
  	left: 50px;
  	width: 150px;
  height: 150px;
	}
}

.offer-box-txt{
	text-transform: uppercase !important;
	color: #f2a410 !important;
	margin-top: 25px !important;
	font-weight: bolder !important;
	}
.phone-number p{
    color: #fff !important;
  	padding-top: 5px;
  	padding-right: 30px;
  	padding-left: 15px;
    font-size: 28pt;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-weight: bolder !important;
}
/* COLORS */
.green 	{
	color: #7cc576;
	}
.green 	h4{
	color: #7cc576 !important;
	}
.green 	p{
	color: #7cc576 !important;
	}
.blue 	{
	color: #448ccb;
	}
.blue h4{
	color: #448ccb !important;
	}
.blue p{
	color: #448ccb !important;
	}
.pink 	{
	color: #ec008c;
	}
.pink h4{
	color: #ec008c !important;
	}
.pink p{
	color: #ec008c !important;
	}
.footer {
	background-color: #448ccb !important;
	color:#FFF !important;
	}
.footer p{
	font-size: 14pt !important;
	font-weight: lighter !important;
	color:#FFF !important;
	}
.footer a{
	font-size: 14pt !important;
	font-weight: lighter !important;
	color:#FFF !important;
	}
.footer a:link{
	font-size: 14pt !important;
	font-weight: lighter !important;
	color:#FFF !important;
	}

@media (max-width:768px){
  /* HEADINGS */
h1 {
	font-size: 30pt !important;
	}
h2 {
	font-size: 30pt !important;
	}	
h3 {
    font-size: 30pt !important;
  }
p  {
	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size: 14pt; 
	color: #848484;}
.logo {
	min-height: 100px;
	min-width: 100px;
	height: 100px !important;
	width: 100px !important;
  	top:10px;
  	left: 10px;
  	position: absolute !important;
}
}