#_footer {
    display:none;
}
body {
    background:url(/images/bg-about.jpg) #192426 no-repeat;
    background-size:100%;
    text-align: center;
    background-position: 0 -200px;
    background-attachment: fixed;
    /* color: white; */
    width:100%;
    margin: 0;
    padding: 0;
}
p {
    padding-bottom:20px;
    line-height: 1.5;
}

section {
    margin:0 auto;
}
#nav-new .logo img {
    width:63px;
    height:63px;
}
h1 {
    font-size: 2.3rem;
    text-shadow: 0 0 6px #434343;
}
h2 {
    font-style:italic;
}
h3 {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: italic;
    text-align: left;   
}
.content-box {
    width:100%;
    max-width:1200px;
    margin: 0 auto;
}

#hero {
    margin-top:100px;
    width:100%;
    
}

#content-about {
    background-color: rgba(255,255,255,0.8);
    color: #618293;
    padding:30px 0 40px;
    margin-top:200px;
}
#content-about p {
    max-width: 900px;
    margin: 0 auto;
}

#tuts {
    background-color: rgba(255,255,255,0.8);
    margin-top:100px;
    padding: 40px;
}

#tuts h3 {
    color: #618293;
}
#tuts .content-box {
    display: flex;
    justify-content: space-between;
}

#tuts #video-wrap {
    display: flex;
}
#video-wrap .video {
    flex:1;
    padding:20px;
    border-radius: 7px;
}

#testimonials, #founders {
    background-color: #819aa9;
    color: white;
    padding:40px 0 40px;
    margin-top:100px;
}
#testimonials p {
    max-width: 900px;
    margin: 0 auto;
    font-size:1.3rem;
    font-style: italic;
}
#testimonials .quote-left {
    font-size:4rem;
    text-align:left;
    line-height:0.2;
    padding:0;
    margin-top:40px
}
#testimonials .quote-right {
    font-size:4rem;
    text-align:right;
    line-height:0.2;
    padding:0;

}
#testimonials .client {
    font-size: 0.9rem;
    font-weight: 600;
    font-style:normal;
}

#participating {
    background-color: rgba(255,255,255,0.8);
    color: #618293;
    padding:40px 0 40px;
}
#founders .content-wrap {
    display: flex;
}
#founders .bio {
    flex: 1;
    padding: 40px;
}

@media screen and (max-width: 1200px) {
    .content-box {
       max-width: 900px; 
    }
}
@media screen and (max-width: 980px) {
    #tuts .content-box {
        flex-direction:column;
    }
    .content-box {
       max-width: 96%; 
        margin: 0 2%;
    }
    #content-about {
        padding-left:5%;
        padding-right:5%;
        margin: 150px 0 0 0;
    }
    section img {
        max-width:100%;
        height:auto;
    }
}
@media screen and (max-width: 840px) {
     #tuts #video-wrap {
         flex-direction:column;
    }
}
@media screen and (max-width: 780px) {
    #founders .content-wrap {
        flex-direction:column;
    }
}
@media screen and (max-width: 780px) {
    body {
            background-position: 0 -10px;
    }
}