/*----------------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------------*/

.clear:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden; }



/*----------------------------------------------------------------------------*/
/* Typography
/*----------------------------------------------------------------------------*/
.home_address {
/*    color: #666; */
    font: normal 400 1em/1.5625 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }


/*----------------------------------------------------------------------------*/
/* Masthead
/*----------------------------------------------------------------------------*/

.logo {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 1.25em; }
.logo a {
    font: normal 400 2.1875em/1 'Roboto', serif;
    display: block; }
.logo img {
    display: inline-block;
    margin: 0 auto;
    height: auto;
    width: 425px;
    max-width: 100%; }
.logo.home_logo {
    float: none;
    padding: 0;
    text-align: center; }
.logo.home_logo img {
    max-height: 150px;
    height: auto;
    width: auto;
    max-width: 100%;
    display: block;
    float: none; }



/*----------------------------------------------------------------------------*/
/* Home Page
/*----------------------------------------------------------------------------*/
#header_cta {
    background: #757575 no-repeat scroll center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    padding: 100px 0; }

#header_cta {
    background-image: url("headbg.jpg"); }
#header_cta .home_address {
    text-transform: uppercase;
    margin-top: 30px;
    font-size: .8em; }
#header_cta .home_address:first-child {
    margin-top: 50px; }
#header_cta .home_address strong {
    letter-spacing: 2px;
    position: relative; }
#header_cta .home_address strong:before, #header_cta .home_address strong:after {
    content: "";
    height: 1px;
    width: 50px;
    background-color: #999;
    position: absolute;
    top: 10px; }
#header_cta .home_address strong:before {
    left: -60px; }
#header_cta .home_address strong:after {
    right: -60px; }

#header_cta.light_text {
    color: #FEFEFE; }


#header_cta .container *:first-child {
    margin-top: 0; }

#header_cta .container *:last-child {
    margin-bottom: 0; }

.home_cta .content {
    padding-left: 0.9375em;
    padding-right: 0.9375em; }


/*----------------------------------------------------------------------------*/
/* 450px and wider
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 28.125em) {
    /* === Masthead === */
    .logo {
        margin: 0;
        position: relative; }
    /* === Home Page === */
    #header_cta .home_address {
        font-size: 1em; } }


/*----------------------------------------------------------------------------*/
/* 600px and wider - Increase main content font size
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 37.5em) {
    .home_cta .content {
        padding-left: 1.25em;
        padding-right: 1.25em; }
 }


/*----------------------------------------------------------------------------*/
/* 785px and wider
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 49.0625em) {
    /* === Utility === */
    .content-wrapper {
        padding: 0 1.25em; }
 }

/*----------------------------------------------------------------------------*/
/* 860px and wider
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 53.75em) {
    /* === User Bar === */
    .logo {
        text-align: left;
        float: left; }
    .logo .image-logo {
        float: left; }

    #header_cta .home_address {
        float: left;
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 50px; }
 }

/*----------------------------------------------------------------------------*/
/* 1060px and wider
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 66.25em) {
    /* === Utility === */
    .modern_age_comics-product-search-wrapper, .content-wrapper, .footer-widgets-container, .modern_age_comics-footer-menu-wrapper {
        padding: 0 2.5em; }
    .logo {
        padding-left: 2.5em; }
    .home_section .content,
    .home_cta .content {
        padding-left: 2.5em;
        padding-right: 2.5em; }
}