@charset "UTF-8";

/*medium screens (put wdith here) */

.nav-small { display: none; }
.nav-small-btn {display: none; }


body {
    margin-top: 50px;
}

h1      {font-size: 3em; font-weight: normal; font-family: 'Roboto Slab', serif; color: #6aa404; margin: 0 0 .5em 0;}
h2      {font-size: 2em; font-weight: normal; font-family: 'Roboto Slab', serif; color: #fff; margin: 0 0 .2em 0;}
h3      {font-size: 2em; font-weight: normal; font-family: 'Roboto Slab', serif; color: #6aa404; margin: 0 0 .2em 0;}
p       {margin: 0 0 .75em 0;}

a.logo {
    float: none;
    clear: both;
    height: 76px;
    margin: 0 auto;
    background: url(../images/logo-xl.gif) center no-repeat ;
 }

.hero {
    width: 100%;
    height: 559px;
    background: url(../images/home-hero-medium.gif) center no-repeat;
}

nav {
    float: none;
    clear: both;
    text-align: center;
}

nav a { 
    font-size:1.2em; 
    font-weight: normal; 
    font-family: 'Roboto Slab', serif; 
    color: #159ac8;
    margin-right: 35px;
}

.content-top {
    height: 503px;
    text-align: center;
    background: url(../images/bg-medium.gif) repeat-x;
    padding-top: 30px;
}

.content-about {
    height: 309px;
    margin: 0 0 0 0;
    padding: 200px 30px 0 30px;
    background: url(../images/content-about-medium.png) no-repeat center top;
}

.content-faq {
    height: 309px;
    margin: 0 0 0 0;
    padding: 200px 30px 0 30px;
    background: url(../images/content-faq-medium.png) no-repeat center top;
}

.content-products {
    height: 309px;
    margin: 0 0 0 0;
    padding: 200px 30px 0 30px;
    background: url(../images/content-products-medium.png) no-repeat center top;
}

.content-estimate {
    height: 309px;
    margin: 0 0 0 0;
    padding: 200px 30px 0 30px;
    background: url(../images/content-estimate-medium.png) no-repeat center top;
}

.content-thankyou {
    height: 309px;
    margin: 0 0 0 0;
    padding: 170px 30px 0 30px;
    background: url(../images/content-thankyou.png) no-repeat center top;
}

form input, textarea, select {
    width: 90%;
}
.content-bottom {
    padding: 0 50px 0 50px;
}

.offset-digital { padding-top: 250px; background: url(../images/products-one.gif) no-repeat center top; }
.repacking { padding-top: 250px; background: url(../images/products-three.gif) no-repeat center top; }
.creative { padding-top: 250px; background: url(../images/products-two.gif) no-repeat center top; }