/* === Home === */

#home main section{
    margin-bottom: 30px;
}

#home .title-area{
    margin-bottom: 30px;
}

#home h1{
    font-weight: normal;
}

#banner{
    height: 300px;
    box-shadow: 0 0 20px #111;
    display: flex;
    border: 3px solid #111;
}

#banner{
    transition-duration: 0.4s;
}

#banner:hover{
    filter: brightness(1.2);
}

#banner-img{
    flex-grow: 1;
    flex-shrink: 1;
    background-image: url(/img/home/banner-img.jpg);
    background-size: cover;
    background-position: top;
}

#banner-logo{
    border-left: 4px solid #111;
    width: 300px;
    max-height: 300px;
}

/* === About === */

#about header, #about main section{
    margin-bottom: 25px;
}

#about section:not(:last-of-type){
    margin-bottom: 15px;
}

#about #jim-img{
    float: left;
    margin-right: 15px;
}

/* === Projects === */

#projects .title-area{
    margin-bottom: 15px;
}

/* === Spreading the News - Gallery === */

#spreading-the-news-gallery .gallery img{
    height: 100%;
}

/* === Avon Works Launch === */

#avon-works-launch article:not(:last-child){
    margin-bottom: 15px;
}

#avon-works-launch article.flex{
    display: flex;
    align-items: flex-start;
}

#avon-works-launch article img{
    margin-right: 15px;
}

#avon-works-launch #avon-remembered-img{
    width: 100%;
    margin: 15px 0;
}

#avon-works-launch #crowd-article img{
    width: 350px;
    float: left;
}

#avon-works-launch #performers-article img{
    width: 250px;
}

#avon-works-launch #book-signing-article img{
    width: 300px;
}

/* === Riding On Rubber === */

#riding-on-rubber .title-area a{
    margin-left: auto;
}

#riding-on-rubber .title-area a .red-button{
    margin: 0;
}

#riding-on-rubber .gallery{
    grid-template-columns: 1fr 1fr;
}

#riding-on-rubber .gallery img{
    height: 100%;
}

/* === Factory Sounds === */

#factory-sounds audio{
    width: 100%;
}

/* === Archive Gallery === */

#archive .gallery{
    grid-template-columns: 1fr 1fr;
}

#archive .gallery img{
    height: 350px;
}

/* === Aerial Views === */

#aerial-views #large-imgs img{
    width: 100%;
    box-sizing: border-box;
}

/* === Iron Duke Film === */

#iron-duke-film video{
    width: 100%;
}

/* === Contact === */

/* Contact Form */
#contact-form{
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
}

#contact-form > div{
    display: flex;
    align-items: center;
}

#contact-form > div:not(:last-of-type){
    margin-bottom: 20px;
}

#contact-form > div:last-of-type{
    justify-content: right;
}

#contact-form label{
    font-size: 18px;
}

#contact-form input[type="text"], #contact-form input[type="email"]{
    padding: 5px 10px;
    font-size: 18px;
    margin-left: auto;
    width: 80%;
    color: #111;
}

#contact-form #submit-msg{
    font-size: 18px;
}

/* Email Sent Section */
#email-sent-section p{
    font-size: 22px;
}

/* Tour */
.tour{
    background-color: #222;
    color: whitesmoke;
    padding: 15px;
    box-shadow: 0 0 20px #111;
}