@charset "utf-8";
body { margin-left: auto; margin-right: auto; width: 92%; max-width: 960px; padding-left: 2.275%; padding-right: 2.275%; font: normal 13px 'Roboto', Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; color: #1e2022; text-align: center; background: #fcfcfc; }
a { text-decoration: underline; color: #A60000; }
a:hover { text-decoration: none; }
h1 { font-size: 22px; font-weight: normal !important; font-family: "Raleway", Arial; margin-bottom: 15px; line-height: 1.8; color: #A60000; font-variant: small-caps; }
h2 { font-weight: normal !important; font-family: "Raleway", cursive; margin-bottom: 15px; line-height: 1.5; font-variant: small-caps; font-size: 19px; }
h3 { font-weight: normal !important; font-family: "Raleway", cursive; margin-bottom: 15px; line-height: 1.5; font-size: 15px; color: #A60000; }
img { max-width: 100%; height: auto; }
p { font-weight: 400; line-height: 1.8; overflow-y: auto; }
header { text-align: center; display: block; }
header .logo { text-align: center; }
header .banner { background-color: #e3e3e3; width: 168px; height: 590px; clear: both; margin: 0; padding: 0; }
hr { background-color: rgba(208,207,207,1.00); height: 1px; clear: both; }

@media only screen and (min-width : 285px) and (max-width : 480px) {
header { width: 100%; float: none; }
header .logo { margin-bottom: 70px; }
header .banner { display: none; }
header .profileHeader { text-align: center; }
}

@media only screen and (min-width : 481px) and (max-width : 1024px) {
header { width: 100%; float: none; }
header .banner { float: left; clear: both; margin-right: 3%; }
header .profileHeader { text-align: left; }
}

@media only screen and (min-width:1025px) {
header .banner { float: left; clear: both; margin-right: 3%; }
header .profileHeader { text-align: left; }
}