
/* Custom */

h1 {
	font-family: Copperplate,Copperplate Gothic Light,fantasy; 
	font-size: 5rem;
    letter-spacing: 0.2em;
}

h2 {
	font-family: Copperplate,Copperplate Gothic Light,fantasy; 
	font-size: 2.5rem;
    letter-spacing: 0.1em;
}


/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}


/*
 * Base structure
 */

html,
body {
	height: 100%;
	background-color: #333;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 42em;
}

.service-heading {
    padding-bottom: 1em;
}

.bg-gradient {
	text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
	
}

.masthead-brand {
	margin-bottom: 0;
	font-size: 3rem;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 600;
}

#contact {
	min-width: 100%;
}

.row-full {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	padding-top: 3rem;
	padding-bottom: 3rem;
	left: 50%;
}

.btn-contact {
  min-width: 50%;
}

/*
 * Services
 */

.fa-circle {
    color: #ddd;
}

i.fa-home, i.fa-city, i.fa-industry, i.fa-city, i.fa-calendar-check, i.fa-tools, i.fa-house-damage, i.fa-network-wired, i.fa-plus-square, i.fa-bolt, i.fa-fire, i.fa-lock, i.fa-sync {
  color: #333;
}


/*
 * Contact
 */

#contact h3{
	padding-bottom: 2rem;
}

.lead{
	margin-bottom: 2rem;
}

.lead i {
	margin: 0.5rem;
	font-size: 1.25rem;
}

.btn-primary {
    background-color: #ddd;
    color: #333;
}
/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}