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

#hero { background-image:url(../images/oneando-hero-image.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	min-height:500px; }



h1, h2 { font-family: 'Amiri', serif;
    line-height: 1.2; }
body, p, li { font-family: 'Heebo', sans-serif; }
.special { font-family: 'Source Sans Pro', sans-serif; }
.ecommerce { color:#266e12; }
.marketing { color:#e50837; }
.small-caps { font-variant:small-caps;
font-size:1.5rem; }

.pad-left { margin-left:20px; }

.top-bar, .top-bar ul {  background: none; }

.panel { background: #030303;  color:#fff; padding:30px 60px 20px 60px; }
.border { border: thin #030303 solid; }
.oao-footer { background:#030303; color:#fff; padding:30px; font-size: .8rem; }
.oao-footer a { color:#fff; }
.oao-footer a:hover { color:#999; }

.v20space { height:20px; }
.v30space { height:30px; }

.parallax {
background-image: url(../images/marketing-ecommerce-consultation-parallax.jpg); 
height:300px;
background-attachment:fixed;
background-position: bottom center;
background-repeat: no-repeat;
/* background-size:cover; */
color:#fff;
padding:100px 40px 0 40px; 
}
	


@media screen and (max-width: 39.99875em) {
#hero { min-height:300px; }	
.parallax {
	padding: 60px 40px 0 40px;
}
h3.special { font-size:2rem; }
	
}