body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
}

div.container {
   background: var(--main-color);   
   position: absolute;
   top:0;
   bottom:0;
   padding-top: 0px;   
   padding-bottom: 0px;   
   left: 150px;
   right: 150px;
   box-shadow: 0px 0px 25px var(--ux-shadow-color);
   overflow:auto;    
}

header {
   padding: 0.1em;
   background-color: var(--title-back);
   color: var(--title-color);
   clear: left;
   font-size: medium;
   text-align: center;
}
header img {
   display: inline-block;
}
header h1 {
   display: inline-block;
   vertical-align: top;
   margin-top: 0.8em;
}


footer {
	position: fixed;
	left: 150px;
   right: 150px;
   height: 8px;
	bottom:0;
	padding: .5em;
	color: white;
   background-color: black;
   text-align: center;
   font-size: x-small;
   	  
}

article {
   padding: 1em;
   overflow: hidden;
}



@media screen and (max-width: 1080px) {
div.container {
   left: 0em;
   right: 0em;
   box-shadow: none;
  }
  
footer {
	left: 0em;
   right: 0em;
  }	
}