* { margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
body { color: #333; font-size: 15px; width: 100%; font-family: "Source Sans Pro", sans-serif; background-image: url(../graphics/white-mid.jpg); height: 100%; min-height: 100%; background-size: 200px 200px; }
p { line-height: 22px; margin-top: 22px; margin-bottom: 22px; }
.caption { margin-top: 6px; margin-bottom: 50px; }
h1, h2, .menu, .slicknav_menu { font-family: Oswald, sans-serif; font-weight: 400; }
h1 { color: #9d2f09; font-size: 80px; margin-bottom: -8px; padding-right: 4px; }
h2 { font-size: 30px; letter-spacing: 1px; position: absolute; right: 0; bottom: 10px; }
h2 a { color: #333; text-decoration: none; }
h3 { font-size: 16px; font-weight: 600; }
#top { position: absolute; top: 0; left: 0; }
.wrapper { position: relative; min-height: 100%; max-width: 1400px; max-height: 100%; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
.text-content { max-width: 800px; margin-right: auto; margin-left: auto; padding-top: 20px; }
.text-content a { color: #9d2f09; text-decoration: none; }
.text-content img { margin-top: 10px; margin-bottom: 10px; width: 100%; height: auto; max-width: 800px; }
.gallery { margin-right: -12px; margin-left: -12px; padding-top: 40px; }
.base { text-align: center; position: relative; margin-top: 50px; padding-top: 20px; padding-bottom: 20px; border-top: 2px solid #333; }
.base a { color: #333; font-style: italic; text-decoration: none; }
strong { font-size: 18px; font-weight: normal; padding-right: 3px; padding-left: 3px; }
.slicknav_menu { display: block; }
.profile-title, .title { display: none;}
.menu li { font-size: 18px; display: inline-block; }
.menu li a { text-decoration: none; text-transform: uppercase; }
.go-profile { cursor: pointer; }
.page-menu .current, .page-menu li a:hover { background-image: url(../graphics/current.png); background-repeat: no-repeat; background-position: center bottom; background-size: 25px 9px;}
.profile-menu li a { color: #9d2f09; padding: 6px; }
.page-menu li a { color: #333; padding: 13px 6px; }
.page-menu { position: absolute; left: -6px; bottom: 13px; }
.title { position: relative; height: 120px; margin-bottom: 40px; border-bottom: 2px solid #333; }
.profile-title-inner { text-align: right; position: absolute; top: 26%; right: 30px; }
.arrow-down { position: absolute; left: 50%; bottom: 0; margin-left: -35px; }
.arrow-down img { width: 50px; height: 50px; padding: 20px; }
.arrow-up img { width: 50px; height: 50px; padding-right: 20px; padding-left: 20px; }
.arrow-up { position: relative; top: 0; padding-bottom: 10px; cursor: pointer; }
.item { width: 50%; }
.item img { width: 100%; height: auto; }
.grid-sizer { width: 50%; }
.inner { padding: 10px; }

/* MIN WIDTH 600 */
@media screen and (min-width: 760px) {

html { height: 100%; }
.slicknav_menu { display: none; }
.profile-title, .title { display: block;}
.profile-image { background-image: url(../graphics/profile-background.jpg); position: relative; width: 100%; height: 100%; background-size: cover; box-sizing: border-box; }
.text-content { padding-top: 30px; }
.text-content img { margin-top: 20px; margin-bottom: 20px; }
.base { margin-top: 70px; }
.arrow-up { display: none; }
	.gallery { margin: 0; padding: 0; }
}

@media screen and (min-width: 600px) {
.item { width: 33%; }
.grid-sizer { width: 33%; }
}

@media screen and (min-width: 900px) {
.item { width: 25%; }
.grid-sizer { width: 25%; }
}

@media screen and (min-width: 1300px) {
.item { width: 16.666%; }
.grid-sizer { width: 16.666%; }
/*.
i5 { width: 33.333%; }
.grid-sizer { width: 16.666%; }
.s5smaller { margin: 30px; }
.s5 { margin: 20px; }
.s4 { margin: 0px; }
.s3 { margin: 14px; } 
.s2 { margin: 18px; }
.s1 { margin: 24px; } 
.s0 { margin: 34px; }
*/ 
/*.i5 { } */
/*.i4 { margin: -10px; } */
/*.i3 { margin: -30px; } */
/*.i2 { margin: -40px; } */
/*.i1 { margin: -40px; } */
}