html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}#header{position:fixed;top:0;width:100%;background-size:auto;background-repeat:no-repeat;background-color:white}#header .microscope{display:none;position:fixed;z-index:100}#header .brand{height:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:500}#header .brand em{display:none}#header .navbar-brand{min-height:auto}#header nav{background-color:#0470d3;border:1px solid #0470d3;box-shadow:0 8px 14px rgba(0,0,0,0.25),0 5px 5px rgba(0,0,0,0.22)}#header nav ul{font-size:0.85rem;border:none}#header nav ul li a{color:white;text-transform:uppercase;border:none;font-weight:600;border-right:1px solid #0470d3}#header nav ul li a:hover{color:#0470d3;background-color:white}#header nav ul li.is-active a{background-color:white;color:#0470d3}main.columns{margin:calc(40px + 3rem) 0 0 0;flex:1}main.columns .content{margin:0 1rem}main.columns .content h2{text-transform:uppercase;margin-top:1rem;color:#999;letter-spacing:0.2em}main.columns .content h3{color:#0470d3}main.columns .content p{text-align:justify}main.columns .content ul{margin-left:1rem}.box{margin-bottom:2em}.box img{border-radius:5px;width:100%}.box small{display:block}footer{flex-shrink:0;text-align:center;padding-bottom:2rem;background-color:#f4f4f4}@media screen and (min-width: 769px){#header{background-image:url(../img/bg_top.gif)}#header .microscope{display:block}#header .brand{height:100px;align-items:flex-start;padding-left:300px}#header .brand em{display:block}#header .brand h1{font-size:2em}#header nav.tabs{font-size:1rem}#header nav.tabs a{padding:1rem 2rem}main.columns{margin-top:calc(100px + 4rem)}main.columns .content{margin:0 5rem}}@media screen and (min-width: 1024px){main.columns .content{margin:0 9rem}main.columns .content h2{margin-bottom:2rem}main.columns .content p{max-width:70%}}