/* Base reset */
html, body {
    padding: 0;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    color: #515151;
}

a {
    text-decoration: none;
    color: #515151;
}
a:visited { color: #515151; }
a:hover, a:active, a:focus { color: #fff; }

.clear { clear: both; }
.right { float: right; }
.center { text-align: center; }

.orange { color: orange; -webkit-appearance: none; }
.heavy { font-weight: 600; }

.wrapped { margin: 0 auto; width: 60%; }

.bracket { font-size: 1.3em; }

/* Banner */
#banner {
    background-color: #f5f5f5;
    padding-bottom: 30px;
}
#logo {
    padding-top: 30px;
    font-size: 2.2em;
}
#tagline {
    padding-top: 80px;
    font-size: 2.2em;
    font-weight: 400;
}
#services {
    margin-top: 30px;
}
#services img {
    max-height: 110px;
    max-width: 110px;
    margin: 0 10px 10px 0;
}
.pitch {
    padding-top: 10px;
    font-size: 1.1em;
    font-weight: 300;
    margin: 0 auto;
    width: 95%;
}
.cta1 {
    display: block;
    padding: 15px 0;
    margin: 50px auto;
    width: 24%;
    background-color: orange;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
}

/* Sections */
.section { padding-top: 60px; }
.sectionHeader {
    font-size: 1.5em;
    padding-bottom: 20px;
}

/* Portfolio */
/* Portfolio */
/* Portfolio */
#clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* row-gap 10px (was 20px), col-gap 60px */
    gap: 10px 60px;
    /* reduce top margin a bit if you like */
    margin-top: 20px;
    padding-left: 0;
}


#clients img {
    max-width: 180px;
}

/* Forms */
input[type=email],
textarea {
    width: 50%;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    padding: 15px;
    font-size: 1.1em;
    color: #515151;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}
textarea {
    margin-top: 20px;
    resize: none;
}
input[type=submit] {
    display: block;
    width: 50%;
    padding: 15px;
    margin: 50px auto;
    background-color: orange;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 1.1em;
    font-weight: 300;
    cursor: pointer;
}

/* Close button */
.close {
    float: right;
    padding: 20px 30px 0;
    font-size: 1.5em;
}

/* Footer */
#footer {
    padding: 50px 0 30px;
}

/* Responsive */
@media only screen and (max-width: 780px) {
    .cta1 { width: 80%; }
    .hide { display: none; }
    .wrapped { width: 80%; }
    #tagline { font-size: 1.5em; }
    input[type=submit] { width: 60%; }
    #footer { font-size: 12px; }
    input[type=email],
    textarea { width: 80%; }
}