html {
	font-size:14px;
}

body {
  font-family: "Work Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  color: #6c6f73;
  background-color: #fff;
  letter-spacing: -0.02em;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #2D3238;
  font-size:28px;
}

.clear {
	clear:both;
}

#maincontainer
{
	background-image: url(img/bg.suit.png);
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	height:700px;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

.container-fluid
{
	padding-top:3.1rem;
}

.container-contents
{
	margin:0 5%;
}

#maincontainer .container-contents
{
	color:white;
}

#maincontainer h1
{
	color:white;
	font-size:2.5rem;
}

.container-fluid.black
{
	background-color:black;
}

#navbar-logo
{
	min-height:46px;
}

#navbarSupportedContent
{
	display:none;
	width:auto;
	font-weight:500;
	text-align:center;
	font-size:15px;
	text-transform:uppercase;
}

.nav-link
{
	width:185px;
}

a.white
{
	color:white;
}

.navbar
{
	padding-top:1em;
	padding-bottom:1em;
}

/**
* container textboxes
*/
.container-textbox
{
	padding:1.8rem 0;
	max-width:481px;
}

.container-textbox-wider
{
	max-width:700px;
}

.container-textbox-p
{
	margin-top:1.1rem;
	font-family: "Work Sans" !important;
	line-height: 1.6;
  letter-spacing: -0.02em;
  color:rgb(108, 111, 115);
  font-size:1.3rem;
  font-weight:300 !important;
  max-width:100%;
}

.customer-quote
{
	background:#f6f6f6;
	padding:1rem;
}

#maincontainer .container-textbox
{
	margin-top:4em;
	max-width:435px;
}

#maincontainer .container-textbox-p
{
	color:rgba(255, 255, 255, .7) !important;
	font-size:21px;
}

.logo-img
{
	float:left;
	padding-top:1em;
}

.container-fluid.black h3
{
	color:white;
}

.container-fluid.black .container-textbox-p
{
	color:rgba(255, 255, 255, .7) !importantl
}

#about-container .container-textbox
{
	position:relative;
	left:40%;
	padding:3.5rem 0 4.5em 0;
}

#contact-container
{
	background-color:#262F36;
}

#contact-container li, #contact-container li a
{
	list-style:none;
	color:white;
}

#contact-container li.lighttext
{
	color:rgba(255, 255, 255, .7) !important;
}

#contact-container ul
{
	padding:0;
}

#badge-20years
{
	max-width:150px;
	margin:10px 0;
}

@media (min-width: 768px) {
	.container-contents
	{
		margin:0 3rem;
	}
}

@media (max-width: 768px) {
	#about-container .container-textbox
	{
		left:0;
	}
}

@media (min-width: 1000px) {
	#navbarSupportedContent
	{
		display:block;
	}
}