body{background-color:#c3142d;height:100vh}body>.container{height:100%}header{position:relative;top:0}header .header,header .header-mobile{height:56px;box-shadow:0 2px 6px rgba(0,0,0,.2)}header .site-logo-container{height:100%;padding:4px 0}header .site-title-container{height:100%;background-color:white;overflow:hidden}header .site-title-container>h1{height:56px;margin:0;line-height:56px;vertical-align:middle}header .site-title-container>h1>a{color:#c3142d}header .site-logo-container>a>img{height:calc(100% - 4px)}@media screen and (max-width:520px){header .site-logo-container{padding:12px 0}header .site-logo-container>a>img{height:32px}}@media screen and (max-width:449px){header .header{display:none}header .header-mobile{display:inherit}header .header-mobile>div.site-logo-container{width:60px;padding:12px 8px;float:left}header .header-mobile>div.site-title-container{width:calc(100% - 60px);padding-left:1em;float:left}}@media screen and (min-width:450px){header .header{display:inherit}header .header-mobile{display:none}}@media screen and (min-width:768px){.container{width:calc(100% - 10em)}}@media screen and (min-width:1200px){header div.site-logo-container{position:relative;width:270px;float:left}header div.site-title-container{position:relative;width:calc(100% - 270px);float:left}}@media screen and (max-width:767px){header .site-title-container>a>h1{font-size:1.25em}}@media screen and (max-width:449px){header .site-title-container>a>h1{font-size:1.25em}}header>.container{padding:0}main>.container{padding-top:1em;padding-bottom:1em;background-color:white}footer{position:relative;bottom:0;margin-top:1em;padding:1em;border-top:1px solid #CCC}#topNavBtn,#sideNavBtn{display:none}@media screen and (max-width:767px){#topNavBtn,#sideNavBtn{display:block}}