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

body {
    color:#333333;
}

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(../images/background-gradient.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

p {
    font-size:15px;
    line-height:1.5em;
    font-weight:400;
}

li {
    font-size: 15px;
    padding-bottom:7px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 800;
  line-height: 1.2;
}

html {
    height: 100%
}

html, body, h1, h2, h3, h4, h5, h6, p {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family:'helvetica neue', helvetica, arial, sans-serif !important;
font-weight:600;
line-height: 1.4em;
}

.logo-1 {
	width:75%;
	max-width:500px;
	margin: 30px 0 30px;
}
.logo-2 {
	width:100%;
	min-width:230px;
	max-width:230px;
	margin: 30px 0 30px;
}
.logo-3 {
	width:60%; 
	max-width:270px; 
	margin: 30px 0 0;
}
.logo-4 {
	width:40%; 
	max-width:300px; 
	margin: 30px 0 30px;
}

.expanded-with {
	font-size:.9rem;
	font-weight:600;
}

.tps-text {
	color: #A6CE39;
}

.pp-text {
	color: #D1D3D4;
}

.btn {
	text-transform:uppercase;
	font-weight:600;
}

.btn.btn-primary.btn-lg {
	background-color:#fdb825;
	border-color:#fdb825;
}

.btn.btn-primary.btn-lg:hover {
	background-color:#d59c30;
	border-color:#d59c30;
}

#details {
	padding:90px 15px 15px;
}


@media screen and (max-width:600px) {
	.btn-lg {
		font-size: 1rem;
	}
		.logo-1 {
		width:75%;
		max-width:450px;
		margin: 0px 0 15px;
	}
	.logo-2 {
		width:100%;
		min-width:125px;
		max-width:125px;
		margin: 15px 0 15px;
	}
	.logo-3 {
		width:75%; 
		max-width:220px; 
		margin: 30px 0 0;
	}
	h6 {
		font-size:14px;
	}
	.expanded-with {
		font-size:.75rem;
	}
	a.btn.btn-primary.btn-lg {
		font-size:16px;
	}
	#details {
		padding:60px 15px 15px;
	}
}