img {
    width: 100%;
    max-width: 800px;
}
p {
	font-size: 2em;
	margin: .67em 0;
}
h1 {
    text-align: center;
}
body {
    margin: 0
}
main {
    display: block;
}
a {
    background-color: transparent;
}
b,strong {
    font-weight: bolder;
}

body,html {
    height: 100%;
    min-height: 100%;
    font-family: arial,sans-serif;
    color: #333;
    min-width: 320px;
}

a {
    color: #666;
}
a:hover {
    color: #333;
}
.within-bounds {
    width: 100%;
    max-width: 900px;
    padding: 0 16px;
    margin: 0 auto;
    position: relative;
}
#header .within-bounds {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #c5c5c5;
}
#content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 380px) {
    #content.home .within-bounds {
    padding-top: 128px;
    }
}
@media (max-width: 650px) {
    p {
        font-size: 3vw;
        margin: .67em 0;
    }
}
#content.home .home-content {
    margin: 0 auto;
    width: 500px;
    max-width: 100%;
    padding: 12px 24px;
    text-align: center;
    text-shadow: -1px -1px 1px #eee;
}
@media (max-height: 700px) {
    #content.home .home-content {
    height: 100%;
    width: 100%;
    }
}
@media (max-width:900px) {
	.within-bounds {
		max-width: 100%;
	}
}