body{
}


h1,h2,h3,h4{
    font-family:'Questrial', Helvetica, Arial, sans-serif;
    font-weight:bold;
}

h1,h2,h3,h4,p{
    color:#444;
}

strong{
    color:#0b9be0 !important;
    font-weight:bolder;
}

p,ul,li,a{
    font-family:'Montserrat';
}

p{
    font-weight:300;
}

a{font-weight:bolder}

h2{
    font-size: 46px;
}

h2.subhead strong{
    color:#111;
}


h1{
    font-size:100px;
}

h1 {
    padding: 0px 0px 10px;
    margin: 10px 0px;
    color: #111;
}

h2.subhead {
    font-size: 36px;
}

h3 {
    font-size:42px;
    padding: 10px 0px;
    margin: 5px 0px 15px;
}
.white{
    color:#fff;
}
/*
h3:after{
    content:'';
    display:block;
    border-top: 15px solid rgba(255, 255, 0, 0.6);
    max-width:40%;
    margin:10px 30% 0px;
}
*/

h4{
    font-size:42px;
}

p{
    font-size:21px;
    line-height:135%;
}

.mainlogo {
    width: 60%;
    display: none;
}

.mainrow h2.subhead{
    display:none;
}
.mainrow h1{
    display:none;
}

.brandbar{
    text-align:center;
    padding:20px 0px;
}

.mainrow,
.about{
    text-align:center;
}

.about{
    display:none;
}

.restofcontent{
    display:none;
}

.questions{
    padding:30px 0px;
    background:url(../images/bg-who.jpg) center center no-repeat #111;
    background-size:cover;
    margin-top:50px;
    letter-spacing:2px;
}

.questions h2{
    color:#fff;
    letter-spacing:1px;
}

.questions p{
    color:#fff;
    letter-spacing:0px;
}

::selection{
    background:red;
    color:white;
}

.belief{
    padding:50px 0px;
}

.quote:before{
    content:'';
    display:block;
    background:url(../images/openquote.png) top left no-repeat;
    background-size:80px;
    width:80px;
    height:75px;
}

.quote{
    font-size:34px;
    line-height: 115%;
    font-weight:bolder;
    background: #fff;
    padding: 20px;
    background-size: 80px;
    border: 10px solid #111;
    position: relative;
    box-shadow:15px 15px rgba(0,0,0,0.2)
}

.belief-list li{
    border-bottom:1px dotted #aaa;
    padding:5px 0px;
    margin:5px 0px 10px;
}

.belief-list li:last-child{
    border:none;
}

.belief-list li p {
    font-size: 26px;
}

.footer-message {
    background: #0b9be0;
    display: inline-block;
    padding: 10px 40px 40px;
    color: #fff;
    text-align: center;
    margin: 30px 0px;
}

.footer-message p,
.footer-message h2{
color:#fff
}

.footer-message h2 {
    letter-spacing: 2px;
    font-size: 42px;
    /* text-shadow: 3px 7px 0px rgba(0,0,0,0.3); */
}

.btn-contact{
    color:#fff;
    font-size:28px;
    font-weight:bolder;
    background:#111;
    padding:15px 30px;
    display:inline-block;
    letter-spacing:1px;
}

.footer{
    padding:20px 0px;
    font-size:13px;
    background:#f1f1f1
}

.sitename {
    text-align:center;
    background:#111;
    padding:15px 0px;
    
}

.sitename p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 4px;
    /* font-weight: bolder; */
    margin: 0px;
}

.navbar ul{
    list-style:none;
    margin:5px 0px;
    padding:3px 0px;
}

.navbar ul li{
    list-style:none;
    display:inline;
    padding:0px 5px;
    margin:0px 5px;
}

.navbar ul li a {
    font-size: 16px;
    font-weight: bolder;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.navbar ul li a:hover{
    cursor:pointer;
    text-decoration:none;
}

.block{
    padding:30px 0px;
}

.slide p{
    font-size:24px;
}

.project-date {
    font-size:16px;
    font-weight:bolder;
    margin:0px;
}
.project-name{
    font-size:52px;
    margin:0px;
}

div#projects {
    background: url(../images/bg-currentproj.jpg) center center no-repeat;
    background-size:cover;
}

.current p,
.current h2,
.current h3{
    color:#fff;
}

a.link{
    padding:12px 24px;
    font-size:16px;
    letter-spacing:2px;
    background:#fff;
    color:#111;
}

ul.social-proof{
    margin:0px;
    padding:0px;
    list-style:none;
    float:left;
    width:100%;
}

ul.social-proof li{
    display:inline;
    margin:5px;
    padding:0px;
}

ul.social-proof li img{
    max-width:130px;
}

@media(max-width:768px){
    h1{
        background: none;
        font-size: 64px;
        overflow: visible;
        line-height: 80%;
        letter-spacing: 7px;
    }
    h2{font-size:28px;}
    h3{font-size:24px;}
    h4{
        font-size:21px;
        margin:15px 0px;
        padding:10px 0px;
        letter-spacing:1px
    }

    .footer-message h2{
        font-size:32px;
    }

    .footer-message p{
        font-size:16px;
        line-height:125%;
    }
}

@media(min-width:1200px){
    h1{
        font-size: 140px;
    }
    
    .solo-bunny {
    margin: -80px 0px 0px;
    }
    
    .block{
        padding:50px 0px;
    }
}