/* ## Content
--------------------------------------------- */
.homepage-hero {
    height: 33.15vw;
    background-attachment: fixed;
    background-size: cover;
}

.entry {
    margin-bottom: 0px;
}
    
.ignite {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ignite div {
    position: relative;
    width: 30%;
    padding-top: 30%;
    background-repeat: no-repeat;   
    background-size: contain;
}

@media only screen and (max-width: 850px) {
    .ignite div {
        width: 100%;
        padding-top: 100%;
    }
}

#branding {
    background-image: url(/wp-content/themes/blueflamedesign/images/branding-and-logo-design-up.png);
    transition: background-image 0.5s; 
}

#branding:hover {
    background-image: url(/wp-content/themes/blueflamedesign/images/branding-and-logo-design-over.png);
}

#design {
    background-image: url(/wp-content/themes/blueflamedesign/images/design-and-marketing-up.png);
    transition: background-image 0.5s; 
}

#design:hover {
    background-image: url(/wp-content/themes/blueflamedesign/images/design-and-marketing-over.png);
}

#website {
    background-image: url(/wp-content/themes/blueflamedesign/images/website-design-up.png);
    transition: background-image 0.5s; 
}

#website:hover {
    background-image: url(/wp-content/themes/blueflamedesign/images/website-design-over.png);
}

.ignite div a {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 100%;
}

.logo-strip {
    background-color: #fff;
    padding: 20px 0px;
}

.logo-strip-description {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    font-size: 2.5rem;
}

.logo-strip h2, .logo-strip p {
    color: #4d4d4d;
}

.logo-strip .widget-area {
    max-width: 1200px;
    margin: auto;
}