/*
* Created By: MDC Web Services
* Description: Template Stylesheet
* Revised: 12/12/2012
*/
@media (min-width: 980px) {
    .site-masthead {
        background-image: url('../img/banner-homestead.jpg');
        background-repeat:repeat-x;
		background-color:#1f2226;
        background-position: 50%;
        height: 135px;
    }

    .site-masthead h1, .site-masthead h2 {
		background-color:#11397c;
		padding:0 10px;
		width: auto;
		display: table;
		background: rgba(17,57,124,0.85);
    }

    .site-masthead h1 {
        color: white;
        padding-top: 0;
        margin: 0;
        font-size: 34px;
        padding-bottom: 2px;
    }

    .site-masthead h2 {
        line-height: 11px;
        font-size: 11px;
        color: white;
        margin: 0;
        padding-top: 5px;
    }

    .site-masthead > .container {
        height: 135px;
        padding-top: 40px;
    }
}

/* override background color 
 ************************************/
body {
    background-color: white;
}

/* custom hero block 
 ***********************************/
.childdayhero {
    background-color: white;
    background-image: url(../img/dayofyoungchild.gif);
    height: 300px;
    width: auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    color: #005994;
    background-position: left top;
}

.childdayhero h1 {
    font-size: 60px;
    color: #262260;
    letter-spacing: -1px;
    border-bottom: 1px dashed #2e9bd9;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.childdayhero h4 {
    color: #000;
}

.childdayhero p {
    background-color: #FCDB13;
    padding: 0 10px;
    width: auto;
    display: table;
    color: #000;
}

.eventinfo {
    padding: 30px 190px 0 110px;
}

/* responsive custom hero 
   tablet portrait
 ***********************************/
@media (max-width: 980px) {
    .eventinfo {
        padding: 10px 90px 0 95px;
    }
    .childdayhero h1 {
        padding: 0px;
        margin-bottom: 10px;
        line-height: 55px;
    }
    .childdayhero p {
        margin: 0 0 5px;
    }
}

/* responsive custom hero block 
   phone landscape
 ***********************************/
@media (max-width: 600px) {
    .eventinfo {
        padding: 10px 10px 0 95px;
    }
    .childdayhero h1 {
        font-size: 45px;
        line-height: 45px;
    }
}

/* responsive custom hero block 
   increase realstate
 ***********************************/
@media (max-width: 420px) {
    .childdayhero {
        background-position: -45px top;
    }
    .eventinfo {
        padding: 3px 5px 0 50px;
    }
}


/* responsive custom hero block 
   phone portrait
 ***********************************/
@media (max-width: 320px) {
    .eventinfo {
        padding: 3px 5px 0 30px;
    }
    .childdayhero h1 {
        font-size: 38px;
        line-height: 38px;
    }
    .childdayhero p {
        margin: 0px;
    }
    .childdayhero {
        background-position: -55px top;
    }
}