@import url(http://fonts.googleapis.com/css?family=Oswald:300);

html,body {	height: 100%; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 40px; }

img { max-width: 100%; }

h1,h2 { font-weight: 300; line-height: 1.0em; padding: 0; margin: 0; }
h1 { padding-bottom: 10px; }
h2 { font-size: 36px; padding-bottom: 70px; background: url('/img/h2-line.jpg') bottom center no-repeat; }

.half-holder { width: 100%; height: 50%; min-height: 50%; position: absolute; text-align: center; }
.half-holder.top { top: 0; }
.half-holder.bottom { bottom: 0; }

.img-holder { width: 430px; position: absolute; left: 50%; margin-left: -215px; bottom: -10px; }
.txt-holder { display: table; width: 100%; height: 100%; text-align: center; }
.txt-holder .txt { display: table-cell; vertical-align: middle; }

.bottom-bar { position: absolute; bottom: 0; width: 100%; height: 12px; }
.bottom-bar.purple { background-color: #99037f; }

.background-full {
	background-color: #6d6d6d;
	background-image: url(/img/top-img.jpg);
	background-position: 50% 50%;
	background-size: cover;
}