/* Font Styling */

@import 'fonts/stylesheet.css';
.sansbold { font-family: 'ostrich_sansbold', Arial, sans-serif; }
.sansblack { font-family: 'ostrich_sansblack', Arial, sans-serif; }
.sansheavy { font-family: 'ostrich_sansheavy', Arial, sans-serif; }
.sanslight { font-family: 'ostrich_sanslight', Arial, sans-serif; }
.sansmedium { font-family: 'ostrich_sansmedium', Arial, sans-serif; }
.dashedmedium { font-family: 'ostrich_sans_dashedmedium', Arial, sans-serif; }
.roundedmedium { font-family: 'ostrich_sans_roundedmedium', Arial, sans-serif; }

h1 {font-size:9em; font-family: 'ostrich_sansbold', Arial, sans-serif; }
h2 {font-size:5em; font-family: 'ostrich_sansheavy', Arial, sans-serif; color: #333;}
h3 {font-size:4em; font-family: 'ostrich_sansmedium', Arial, sans-serif; color: #333;}
h4 {font-size:2em; font-family: 'ostrich_sans_roundedmedium', Arial, sans-serif; color: #333;}
h5 {font-size:2em; font-family: 'ostrich_sans_roundedmedium', Arial, sans-serif; }
p {
	font-size: 14px; 
	font-family: sans-serif;
	font-weight: normal;
}


    /* Color Styling */

.brightred {background-color:#fc0c29;}
.lightred {background-color:#ff5e4b;}
.darkred {background-color:#81160d;}
.lightgrey {background-color:#a3a1a1;}
.darkgrey {background-color:#828282;}
.whitegrey {background-color:#e1e1e1;}



    /* General */

body {width: 102%; margin-left:-1%;}

.section {
    padding-top:60px;
}

.parallax-window {
    min-height: 200px;
    background: transparent;
}

.whiteleft {
	background-color:#fff;
	left: 0px;
	width: 50%;
	z-index: 9999;
	display:block;
	text-align: left;
	padding: 10px 20px 10px 10%;
	margin-top: 60px;
}

.greyleft {
	background-color:#a3a1a1;
	left: 0px;
	width: 50%;
	z-index: 9999;
	display:block;
	text-align: left;
	padding: 10px 20px 10px 10%;
	margin-top: 60px;
}

.whitegreyleft {
	background-color:#e1e1e1;
	left: 0px;
	width: 50%;
	z-index: 9999;
	display:block;
	text-align: left;
	padding: 10px 20px 10px 10%;
	margin-top: 60px;
}
.whiteright {
	background-color:#fff;
margin-left: 70%;
text-align: left;
padding: 0 40% 0 45px;
margin-top: 40px;
min-width: 346px;
min-height: 80px;
}

.red-back {
background-color:#fc0c29;
    height: 100vh;
}



   /* Nav Styling */


.navbar {
	height: 80px;
	padding: 0 5%;
}
.navbar li {
    padding: 15px 0;
}
.navbar-default .navbar-right>li>a {
	color: #fc0c29;
	font-family: 'ostrich_sansbold', Arial, sans-serif;
	font-size: 26px;
}
.navbar-fixed-top {
	top: initial;
}
.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 10000;
}
.logo2 {
max-width: 200px;
width: 100%;
}



footer {
padding: 2% 10%; 
background-color: #fc0c29;
color: #fff;
}


    /* Splash Top */

.chisel {
background-color:#fc0c29;
color: #fff;
padding: 5% 10% 10% 10%; 
}
.logo {
min-width: 346px;
min-height: 80px;
max-width: 456px;
background-color:#fff;
padding: 10px 10px 10px 0;
}


    /* Meet Chisel and Brand */

.who {
padding: 0 10% 120px 10%; 
background-color: #FFF;
}
.who-image {
max-width: 300px;
width: 90%;
}
.names {
font-size:2em; 
line-height:20px;
font-family: 'ostrich_sansbold', Arial, sans-serif;
}


    /* Process */

.grey-back {
background-color: #a3a1a1;
    padding-top: 60px;
}
.process {
background-color: #a3a1a1;
padding: 0;
}
.process-table {
width:100%;
}
.process-table p {
font-size: 18px;
}
.text {
color: #fff;
font-family: 'ostrich_sansbold', Arial, sans-serif;
font-size:4em;
padding:5% 10%;
width:40%;
}
.discover {
background-color: #a3a1a1;
padding-top:60px;
}
.design {
background-color: #828282;
}
.develop {
background-color: #ff4a3e;
}
.launch {
background-color: #fc0c29;
padding-bottom:120px;
}


    /* Projects */

.projectgrid {
padding: 3% 10% 120px 10%; 
min-height: 1000px;
}
.cbp-popup-wrap.cbp-popup-singlePage.cbp-popup-singlePage-open.cbp-popup-transitionend.cbp-popup-singlePage-sticky.cbp-popup-ready {
z-index: 999999;
}


    /* Testimonials */

.testimonial-area {
	padding: 60px 10% 220px 10%; 
	background-color: #a3a1a1;
}
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
background-color:#828282;
}
.quote {
  background: #81160d;
  color: #fff;
  position: relative;
  padding: 50px;
  z-index: 1;
}
.quote:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
.quote h3, .quote2 h3, .quote3 h3 {
color: #fff;
}
.quote2 {
  background: #ff5e4b;
  color: #fff;
  position: relative;
  padding: 50px;
  z-index: 1;
}
.quote2:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}
.quote3 {
  background: #fc0c29;
  color: #fff;
  position: relative;
  padding: 50px;
  z-index: 1;
}
.quote3:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}



    /* Contact */

.contact {
background-color:#fff;
padding: 5% 10% 10% 10%; 
}
.contact h2 {
color: #81160d;
}


    /* Mobile */

@media screen and (max-width: 640px) {
  .whiteleft {
	margin-left: 0%;
	width: 100%;
}
.greyleft {
	width: 90%;
}
h1 {
	font-size:6em;
}
.container-fluid { 
	background-color:#f8f8f8;
	padding-left: 40px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: none;
}
.navbar li {
padding: 0;
}
button.navbar-toggle.collapsed {
    margin-top: 15px;
}
}

@media screen and (min-width: 641px) and (max-width: 909px) {
  .whiteleft {
	margin-left: 0%;
	width: 70%;
}
h1 {
	font-size:7em;
}
.greyleft {
	width: 80%;
}
}

.cbp-l-caption-body a {
    color: #ccc;
}