/** DEFAULT VALUES **/
html,
body {
	margin:0;
	padding:0;
	height:100%;
    font-family: $font;
}
.wrapper {
	min-height:100%;
	position:relative;
}
.content {
    width: 100%;
	padding-bottom:3em;
}
.clear {
    clear: both;
}
.borders {
    width: 100%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
h3 {
    font-size: 1.75em;
    font-weight: 300;
    text-align: left;
    margin: 18px 0;
    padding: .25em;
    color: #496fb5;    
}
.large-text {
    font-size: 1em;
    padding: .5em 1em;
    color: #333;
    text-align: center;
}

@media (min-width: 992px) {
    h1 {
    font-size: 4em;
    margin: 1em auto 0;
    padding: 0;
    font-weight: 400;
    }
    h2 {
        font-size: 2em;
        font-weight: 300;
        text-align: center;
        margin: 1.5em auto 1em;
        padding: 0;
        color: #496fb5;
    }
}