@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css?family=Space+Mono');

@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
* 
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*:before,
*:after 
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html 
{
font-family: sans-serif;
font-size: 16px;
height: 100vh;
width: 100%;
}

@font-face 
{
font-family: 'ao_monoregular';
src: url('aomono-regular-webfont.woff2') format('woff2'), url('aomono-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body
{
font-family: 'Space Mono', monospace; color:#ccc; font-size: 13px; color: #333;
}

img
{
display:block; max-width:100%; height:auto; margin:0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 
{
font-family: 'Josefin Slab', serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h2 {text-transform: uppercase;}

a:link {color: #8e8e8e; text-decoration:none;}
a:visited {color: #8e8e8e; text-decoration:none;}
a:hover {color: #8e8e8e;text-decoration: none; border-bottom: thin dashed;} 
a:active {color: #8e8e8e;border-bottom: thin dashed;}

ul,
ol 
{
margin-top: 0;
margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol 
{
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

.list-inline 
{
padding-left: 0;
margin-left: -5px;
list-style: none;
}

.list-inline > li 
{
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}

#wrapper 
{
margin: 0 auto; max-width: 48rem; width: 90%;
}

hr {border:thin dashed;}
img {display: block; max-width: 100%; height: auto; vertical-align: middle;}

.space {height:10px;}

.orange {background-color:#f4e3e8;color:grey;}
.aquamarine {color:skyblue;}
.lightgrey {color:#8e8e8e;}
.lightergrey{color: #DDDDDD;}
.fuschia {color:rgba(242,22,169,1.00);}
.coral {color:coral;}
.highlighter {background-color:#FAF14E;}

.classes {color:#8e8e8e; margin-top:0;padding-top:0;}
.headline {color:#EC428B;}
.italic {font-style:italic;}
.responsive {margin-bottom: 10px;}

.center-flash-300 {margin:0 auto; width:300px;}
.center-flash-728 {margin:0 auto; width:728px;}
.center-flash-800 {margin:0 auto; width:800px;}
.center-flash-970 {margin:0 auto; width:970px;}

.centertext {text-align: center;}
.captions-projects {text-align:center;width:80%;margin:0 auto;}
.centertheimg {margin-top:20px; margin-left:auto; margin-right:auto; width:70%;}

.centertheimg2
{
 margin-top:20px; margin-left:auto; margin-right:auto; width:80%;
}
.centertheimg3
{
 margin-top:20px; margin-left:auto; margin-right:auto; width:40%;
}
.brand-card
{
margin-left:auto; margin-right:auto; width:80%;
}
.centerthetxt
{
 margin-left:auto;
 margin-right:auto;
 width:300px;
 text-align: center;
}
.lowercase {text-transform: lowercase;}
.header-captions {font-size:12px; text-align:center;}

.center
{
text-align:center;
}
.resp3 {margin:0 auto;width:60%;}
.resp2 {float: left;width:33%;margin-right:0.3%;}
.resp2:last-child {margin-right:0;}
.container-sm {width:90%; margin:0 auto;}

.smallerimg
{
 width:40%;
}

.mediumimg
{
width:50%;
}

.floatclear{clear:both;}

.captions-samples {margin-top:20px;margin-bottom:20px;clear:both;}
.captions-samples p {font-size:12px;}

h2 {font-size:18px;padding:10px;}
h4 {font-size:12px;}
.captions-projects a {display:inline-block;}
.prevnext {text-decoration:none;}
.prevnext a:link {text-decoration:none;}
.prevnext a:visited {text-decoration:none;}
.prevnext a:hover {border-bottom: thin solid #f4e3e8;color:white;}
.prevnext a:active {color:#f4e3e8;}

.row 
{
margin-right: -2%;
margin-left: -2%;
}

section{clear:both;margin:0 auto; width:95%;overflow:hidden;}

p
{
margin-top:30px;
}

.mobile-comps{float:left; width:280px; margin-right:2px;}

nav {padding-bottom:0;margin-left: auto; margin-right: auto; text-align: center;/* border-bottom: thin solid grey;*/ width:90%;}

.nav2 {padding-bottom:0;margin-left: auto; margin-right: auto; text-align: center; width:90%;border:0;}

.container 
{
padding-right:2%;padding-left:2%; margin-right:auto;margin-left:auto; max-width:1200px;margin-top:50px;
}

.whitespac{margin-bottom:80px;}

.nav li a{line-height:20px;}
.nav2 li a{line-height:20px;}
.nav li {width: 100%; border-bottom:thin solid #ccc;}

.nav2 li {width: 100%; border-bottom:thin solid #ccc;padding:10px 1%;}
.nav.grey li {border-bottom:0;}

.grey {color:#B2B0B0; padding-top:0; margin-top:0; border:0;}
.grey ul {border:0;}
.grey a {color:grey;}
.grey a:hover {color:coral;}
.grey a:active {color:coral;border-bottom:thin dashed coral;}

.nav li {padding:10px 1%;}
.headers{text-align:center; margin-top:40px;}
.content {line-height:18px;}
.content p {margin-top:0;}
.content img {margin-bottom:10px;}
.highlight {background-color: #FAF14E;}
.underline {border-bottom: 1px solid #131212; padding-bottom:0;}
.app {width:100%;margin:10px auto 0 auto;}
.scrn {width:80%;margin:0 auto;}
.scrn-f {width:80%;margin:0 auto;}
.scrn-gif {width:80%;margin:0 auto;}
.scrn-gif3 {margin-bottom:10px;width:80%;margin:0 auto;}
.scrn-gif4 {width:80%;margin:0 auto;}
.content-samples p{width:100%;}
.lightpink {background-color:lightpink;}
.noborder {border-bottom:0;}

.center-flash-800 {display:none;}
.center-flash-970 {display:none;}
.hide {display:block;}
.captions-projects {padding-top:40px;text-align: center;padding-bottom:10px;}

@media (min-width: 768px) 
{
section {padding-bottom:10px;width:80%;}
.brand-card {margin-left:auto; margin-right:auto; width:60%;}
.hide {display:none;}
.center-flash-800 {display:block;}
.center-flash-970 {display:block;}
.nav li {display:inline-block; padding-left:1%; padding-right:1%;border:0;}
.nav li {width: 20%; border-bottom:0;}
.nav2 li {display:inline-block; padding-left:1%; padding-right:1%;border:0;}
.nav2 li {width: 20%; border-bottom:0;}
.grey li {width:15%;}
.app {width:100%;margin:10px auto 20px auto;clear:both;}
.grey {padding-top:40px;}
.scrn {width:33%;margin:0 auto;}
.scrn-f {width:28%;float:left;margin-right:4%;margin-left:2%;}
.scrn-f:last-child {margin-right:0;}	
.scrn-gif {width:33%;margin:0 auto;clear:both;}
.scrn-gif2 {width:33%;float:left;}
.scrn-gif3 {width:33%;float:left;margin-right:0.5%;}
.scrn-gif3:last-child {margin-right:0;}
.scrn-gif4 {width:70%;margin:0 auto;clear:both;}
.content-samples p {width:80%;margin:10px auto;margin-bottom:20px;font-size:14px;}
.content-samples img {margin-bottom:20px;}
.captions-projects {padding-top:40px;text-align: center;padding-bottom:10px;width:80%;margin:0 auto;}
}

@media (min-width: 1200px) 
{
.container-fluid {padding-right:1%; padding-left:1%; margin-right: auto; margin-left: auto;}
}