@charset "UTF-8";
/*
Theme Name: Peeps and Tech
Theme URI: http://www.peepsandtech.com/
Description: Bootstrap + SVG
Version: 1.0
Author: Chris Kultzow + Lindsay Petrick
Author URI: http://www.kultzow.com/
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

svg { max-height: 100%; }

.grecaptcha-badge { opacity:0;}
.anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -180px; 
  height: 180px; 
  visibility: hidden; 
  background:transparent;
}

html, body {
    height: 100%;
}

.container-fluid {
    height: 100%;
}

.columns {
    min-height: 100%;   
}

.third-down{
	padding-top:300px;
}
.quarter-down{
	padding-top:150px;
}

p, ul {
	font-size:30px;
	margin-bottom:15px;
}

ul, li {
	list-style:none;	
}

h1, h2, h3, h4, h5 {
	word-spacing:15px;
  font-family: "ff-meta-web-pro-condensed",sans-serif;
}

h1 {
	font-size:72px;	
}

h2 {
	color:#fad306;
	background:#0c7584;
	padding:10px 5px 5px 5px;
	display:inline-block;
	width:auto;
	margin:0 auto 15px auto;
	text-transform:uppercase;	
	font-size:42px;  
	word-spacing:0px;
}

.yellow {
	background-color:#fad306;	
}
.blue {
	background-color:#0c7584;
	color:white;	
}
.orange {
	background-color:#f58120;
	color:#404140;
}
.grey {
	background-color:#404140;
	color:white;
}

#bird {
	background:url('svg/bird.svg') bottom right no-repeat #fad306;
	background-size:80%;	
}


.fixed-top {
	position:fixed;	
	height:auto;
	width:100%;
	background:#fff;
	z-index:999;
	padding:5px 0 5px 0;
	text-align:center;	
	font-size:20px;
	color:#0c7584;
  font-family: "ff-meta-web-pro-condensed",sans-serif;
}

.fixed-top a {
	color:black;
	text-decoration:none;	
}
.fixed-top a:hover, .fixed-top a.active  {
	text-decoration:underline;	
}

#nav a {
	display:inline-block;
	padding:5px 5px 0 5px;	
}

#nav {
	margin-top:35px;	
}

#logo {
	display:inline-block;
}


#how {
	padding-bottom:100px;	
}

li {
	margin-bottom:30px;	
	padding-right:100px;
}

#who {
	text-transform:uppercase;	
}


#who .contact {
	padding-top:50px;	
}
#who h1 {
	margin-bottom:100px;	
}
#who .contact, #who a {
	color:#fad306;	
}

input, textarea {
	display:block;
	font-size:16px;
	padding:5px;	
	width:100%;
	color:#333;
}

textarea {
	height:150px;	
}

input.wpcf7-submit {
	text-transform:uppercase;
	font-size:32px;
	background:#f58120;
	color:white;
	border:none;
}

#linkedin {
	height:24px;
	position:relative;
	top:-3px;	
}


#icons2 {
	display:none;	
}

#icons_column {
	width:100%;
	height:480px;
	background:url('svg/icons_column.svg') center no-repeat;
	background-size:contain;	
}

#icons {
	width:100%;
	height:134px;
	background:url('svg/icons.svg') center no-repeat;
	background-size:contain;	
}

#chart {
	margin:40px 0 40px 0;
	width:100%;
	height:614px;
	background:url('svg/chart.svg') center no-repeat;
	background-size:contain;	
}

#what p {
	margin-top:50px;	
}


@media only screen and (min-width: 992px)  and (max-width: 1280px) 
{
	
.third-down{
	padding-top:250px;
}
p, ul {
	font-size:24px;
}
h1 {
	font-size:60px;	
}

h2 {
	font-size:30px; 
}

li {
	margin-bottom:10px;	
	padding-right:10px;
}
#who h1 {
	margin-bottom:50px;	
}

#icons_column {
	height:400px;
}

#icons {
	height:134px;
}

#chart {
	margin:40px 0 40px 0;
	height:500px;	
}


#what p {
	margin-top:40px;	
	font-size:22px;
}


}
@media only screen and (min-width: 768px)  and (max-width: 991px) 
{
	
h1 {
	font-size:60px;	
}

h2 {
	font-size:30px; 
}
#nav {
	margin-top:0px;	
}

#why {
	padding-bottom:100px;
}

p, ul {
	font-size:30px;
	padding:0 50px 0 50px;
	margin-bottom:15px;
}

li {
	margin-bottom:10px;	
	padding-right:10px;
}
#who h1 {
	margin-bottom:0px;	
}


#icons_column {
	display:none;	
}

#icons2 {
	display:block;	
	width:100%;
	height:100px;
	margin:15px 0 15px 0;
	background:url('svg/icons2.svg') center no-repeat;
	background-size:contain;	
}


#icons {
	height:134px;
}

#chart {
	margin:40px 0 40px 0;
	height:500px;	
}

#what p {
	margin-top:30px;	
	font-size:inherit;
}


}

@media only screen and (max-width: 767px) 
{
	
h1, h2, h3, h4, h5 {
	word-spacing:10px;
}

h2 {
	word-spacing:0px;	
}
	
.third-down{
	padding-top:50px;
}
.quarter-down{
	padding-top:50px;
}

#bird {
	padding-top:150px;	
}


h1 {
	font-size:48px;	
}

h2 {
	font-size:20px; 
}

#nav {
	margin-top:0px;	
}

p, ul {
	font-size:16px;
	padding:0 10px 0 10px;
	margin-bottom:15px;
}

#how, #why {
	padding-bottom:50px;	
}
#how p {
	text-align:left;	
}

li {
	margin-bottom:10px;	
	padding-right:10px;
}
#who h1 {
	margin-bottom:0px;	
}
#who .contact {
	padding-top:10px;	
}


#icons_column {
	display:none;	
}

#icons2 {
	display:inline;	
}

#icons2 {
	display:block;	
	width:100%;
	height:100px;
	margin:15px 0 15px 0;
	background:url('svg/icons2.svg') center no-repeat;
	background-size:contain;	
}


#icons {
	height:100px;
}

#chart {
	margin:20px 0 20px 0;
	height:400px;	
}

#what p {
	margin-top:10px;	
	font-size:inherit;
}
}


@media only screen and (max-width: 320px) 
{
	
#chart {
	margin:20px 0 20px 0;
	height:300px;	
}
#what p {
	margin-top:20px;	
	font-size:inherit;
}
}