/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


/*	EXAMPLE STYLES */
body {
	font-family: sans-serif;
	color: #2A2A2A;
    background: #E9E9E9;
    font-size: 100%;
}

header {
	background: #000;
    width: 100%;
    height: 50px;
}

.wp-logo-link img{
    top: 9px;
    display: block;
    width: 200px;
    margin: 0 auto;
    position: relative
}
.container{
    max-width: 1100px;
    width: 100%;
    margin: 50px auto;
    text-align: center;
}

footer {
	line-height: 15em;
	text-align: center;
	background: #BBB;
}

.skin.skin-card {
    padding: 50px;
    border: 1px solid #e9e9e9;
    border-bottom-color: #d5d5d5;
    border-bottom-width: 2px;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    margin: 0 50px;
}


.headline.normal-style {
    font-family: "PostoniWide",Georgia,serif;
    font-style: normal;
    font-weight: bold;
    word-spacing: -0.02em;
    text-rendering: auto;
    font-size: 2.75rem;
    text-align: center;
    margin: 30px 0 20px;
}

.subhead{
    font-family: "FranklinITCStd-Light", "FranklinITCProLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 1rem;
}

.skin img{
    width: 100%;
}

@media ( max-width : 768px ) {
    .container{
        margin: 20px auto;
    }
    .skin.skin-card {
        padding: 30px;
        margin: 0 20px;
    }
	.headline.normal-style {
        font-size: 1.75rem;
        margin: 20px 0 10px;
    }
    .subhead{
        font-size: 1.125em;
        margin-bottom: 00px;
    }
}

@media ( max-width : 450px ) {
    .container{
        margin: 15px auto;
    }
    .skin.skin-card {
        padding: 20px;
        margin: 0 15px;
    }
	.headline.normal-style {
        font-size: 1.5rem;
        margin: 15px 0 10px;
    }
    .subhead{
        font-size: 1.0em;
        margin-bottom: 00px;
    }
}