@import url('https://fonts.googleapis.com/css?family=Archivo');
@import url('https://fonts.googleapis.com/css?family=Archivo+Black');

html,
body {
  font-family: 'Archivo', sans-serif;
  background-color:#ffffff;
  color:#333333; font-weight:200;
}

.social-icon { font-size:18px; color:#ffffff; padding:10px 4px; }
.service-icon { font-size:38px; color:#37a8a4; padding:10px 4px; }

.row { margin:0px; padding:0px; } 

h1 { font-family: 'Archivo', sans-serif; color:#37a8a4; }
h2 { color:#37a8a4; font-family:'Archivo', sans-serif; font-size:36px; }
h3 { color:#37a8a4; font-family:'Archivo', sans-serif; font-size:24px; margin:5px 0px; }
.smaller { font-size:22px; color:#333333; }

h2.hero-text { font-family: 'Archivo', sans-serif; font-size:72px; background-color:#37a8a4; color:#ffffff; padding:10px 5px; }
h2.hero-text-alt { font-family: 'Archivo', sans-serif; font-size:64px; background-color:#37a8a4; color:#ffffff; padding:10px 5px; }
h1.hero-text-alt { font-family: 'Archivo', sans-serif; font-size:64px; background-color:#37a8a4; color:#ffffff; padding:10px 5px; }

.line { border-bottom:4px solid #efefef; clear:both; marging:0px; padding:0px; width:90px; }

b, strong { font-family: 'Archivo Black', sans-serif; font-weight:bold !important; }

p a, p a:link { color:#37a8a4; }
p a:hover, table a:hover, li a:hover { color:#333333; }
a.alink { border-bottom:1px dashed #8dc63f; text-decoration:none; }
a:hover.alink { border-bottom:1px dashed #937600; text-decoration:none; color:#937600; }

.footer { background:#58585a; color:#ffffff; padding-bottom:0px; }
.footer h2 { color:#ffffff; }
.footer a { color:#ffffff; }
.footer a:hover { color:#ffffff; }

.footer ul { margin-left:0px; padding-left:15px; }
.footer h3 { font-size:24px; }
.footer a:link, .footer a:hover { color:#ffffff; }

.social { margin-top:0px; background:#efefef; color:#37a8a4; }
.navbar { background:transparent url(../img/white.png) repeat-x left top; }
.navbar-nav>li>a { color:#666666; font-family: 'Archivo', sans-serif; font-size:20px; margin:0px 12px; font-weight:normal; border-bottom:4px solid rgba(255, 255, 255, 0) }
.navbar-nav li a:hover:not(.dropdown-item) { color:#333333; border-bottom:4px solid #cccccc; }

.dropdown-menu {
	min-width: 220px;
	background:transparent url(../img/white2.png) repeat-x left top;
}

.dropdown-menu a {
	padding:10px 15px; font-size:16px;
	border-bottom:1px solid #efefef;
}
.dropdown-menu a:hover {
	background-color:#f9e7f3 !important;
}

.dropdown-menu li:last-child a { border-bottom:none; }

.dropdown-item:active { color:#000000; background-color:#eeeeee !important;}

#back-top {
	position:fixed; bottom:40px; right:20px; background:#37a8a4;
	border-radius:4px;
}

#back-top a {
	display:block; padding:10px 14px;
	text-align:center; font-size:16px;
	text-transform:uppercase; font-weight:lighter;
	text-decoration:none;
	color:#fff; transition:1s;
}

#back-top a:hover { background:#58585a; }

#back-top span {
	display:block;
	transition:1s;
}

p.margin-top { margin-top:35px; }
@media (max-width: 1850px) { p.margin-top { margin-top:25px; } }
@media (max-width: 1600px) { p.margin-top { margin-top:20px; } }
@media (max-width: 1400px) { p.margin-top { margin-top:16px; } }
@media (max-width: 1480px) { p.heading { font-size:56px; line-height:52px; } }
@media (max-width: 1200px) { p.margin-top { margin-top:35px; } p.heading { font-size:46px; line-height:42px; } h2.hero-text { font-size:68px; padding:10px 5px; } }
@media (max-width: 1030px) { p.margin-top { margin-top:14px; } }
@media (max-width: 890px) { p.heading { display:none; } }
@media (max-width: 570px) { p.margin-top { margin-top:18px; text-align:center; } }

@media (max-width: 990px) {
	.navbar-nav>li>a { font-size:14px; margin:0px 12px; }
	.dropdown-menu { left:0 !important; }
	h2.hero-text { font-size:54px; padding:10px 5px; }
}

.number{font-family:'Francois One', sans-serif;background:none;color:#ffffff;font-size:16px;margin:0px 0px;padding:6px 20px;text-align:right;}
p.number a{color:#ffffff;text-decoration:none;}

.jumbotron-groundworks{color:white; background-image:url("../img/headers/groundworks.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover; height:50vh; animation:fadein 3s; margin-bottom:30px;}
.jumbotron-ssd{color:white; background-image:url("../img/headers/soft-strip-demolition.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover; height:50vh; animation:fadein 3s; margin-bottom:30px;}

.jumbotron-contact{color:white; background-image:url("../img/headers/contact.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover; height:50vh; animation:fadein 3s; margin-bottom:30px;}
.jumbotron-news{color:white; background-image:url("../img/headers/news.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover; height:50vh; animation:fadein 3s; margin-bottom:30px;}

.jumbotron {
  color: white;
  background-image: url("../img/headers/home.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  animation:fadein 3s;
}

@media (max-width: 760px) {
	h1{font-size:26px;}
	h2{font-size:22px;}
	.number{text-align:center;}
	.dropdown-menu { min-width:auto; border:none; background:none; }
	.dropdown-menu a { padding:8px 15px; font-size:14px; border-bottom:1px solid #efefef; }
	.navbar-nav>li>a { border-bottom:none; }
	.navbar-nav li a:hover:not(.dropdown-item) { border-bottom:none; }
	h2.hero-text-alt { font-size:22px; }
	h1.hero-text-alt { font-size:22px; }
	.jumbotron-about{height:50vh;}
	.jumbotron-commercial{height:30vh;}
	.jumbotron-healthcare{height:30vh;}
	.jumbotron-education{height:30vh;}
	.jumbotron-restoration{height:30vh;}
	.jumbotron-insurance{height:30vh;}
	.jumbotron-industrial{height:30vh;}
	.jumbotron-retail{height:30vh;}
	.jumbotron-inspection{height:30vh;}
}

.navbar-toggler .navbar-toggler-icon {
	color:#37a8a4;
}
.navbar-toggler:hover .navbar-toggler-icon,
.navbar-toggler:focus .navbar-toggler-icon {
	color:#cccccc;
	border: none;
	outline:0;
}

button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover{   
    outline:none !important;
}

.navhead{background:#37a8a4;color:#ffffff}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

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

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #37a8a4;
}

.overlay:hover { opacity: 0.8; }

.text {
  font-family: 'Archivo', sans-serif;
  color: #ffffff;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.btn-primary {
  color: #fff;
  background-color: #37a8a4;
  border-color: #37a8a4;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #333333;
  border-color: #333333;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #37a8a4;
  border-color: #37a8a4;
}

.pink-section { background:#37a8a4; color:#ffffff; }
.pink-section h1, .pink-section p { color:#ffffff; }