html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{margin:0; padding:0; font-family:"Arial Black", Ariel,  sans-serif; background-color:#FFFFFF;}


a{outline:none; text-decoration:none;}



/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block;  padding:0;}


/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; max-width:960px; margin:0 auto; padding:0; text-align:left;}



/*----------------------------------------------Generalise-------------------------------------*/

#header, #footer{display:block; max-width:960px;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:24px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}



/*----------------------------------------------Header-------------------------------------*/

 
#header{ margin:0 0 2px 0; background-color:#3152bd; height:70px; min-width:300px;}
#header img {float:left;}
 
 
#header nav a {color:#ffffff; font-size:13px; background-color:#3152bd; padding: 26px 16px; text-transform:uppercase; display:block; float:right; border-bottom:2px; border-bottom-colour;#ffffff;}
#header nav a:hover {color:#ffffff; background-color:#46449b;}


#header nav{display:block; margin:0 0 0 0; padding:0; background-color:#3152bd;}
#header nav li.last{margin-right:0;}



#menu div {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
}

#header .topNav a.icon {display:none;}

@media screen and (max-width: 800px) {
   #header .topNav a {display: none;}
  #header .topNav a.icon{
   #header .topNav a.icon float: right;
    display: block;
	padding:15px 16px;
  }
}

@media screen and (max-width: 800px) {
  #header  {position: relative; z-index:1;}
  #header .topNav.responsive {position: relative; z-index:-1;}
  #header .topNav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
   #header .topNav.responsive {padding-top:70px;}
  
   #header .topNav.responsive a {
    float: none;
    display: block;
    text-align: left;
	}
  }


/* ------New Layout-----*/

/* ------Social Media Buttons -----*/


#social {float:left;}
#social .icons {display:block; width:100%; margin:0 0 10px; 0}
#social .icons img {margin:0 10px 0 0; padding:0;}

/* ------Social Block AQuote -----*/

blockquote, q{display:block; padding:8px 20px; color:#979797; background-color:#ECECEC; margin:16px 40px 16px 0;}
blockquote p {font-style:italic; line-height:normal; font-family: Arial, Helvetica, sans-serif;}
blockquote:before, q:before{content:'“ '; font-size:46px;}
blockquote:after, q:after{content:' „'; font-size:46px; line-height:0;}

/* ------Links -----*/

#main article a.button1, #side section nav a {text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
#side address {margin:30px 0 30px 0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style:normal;}


#side {float:right; width:30%; background-color:#ffffff; min-height:100px; height:auto; display:block;}
#side section {margin:10px 0 0 0;}
#side section h2 {color:#666;}
#side section nav a{display:block; width:80%; margin:0; padding:15px 10px 5px 20px; color:#3152bd;  border-bottom:1px solid #3152bd; border-top:7px solid #ffffff;}
#side section nav a:hover{ border-bottom:7px solid #3152bd; border-top:1px solid #ffffff; transition:all 0.2s;}


#main {float:right; width:70%; background-color:#ffffff; min-height:100px; display:block; line-height:1.6em;}
#main article, #side section, #main section {margin:10px 0 0 0;}
#main article:first-child {margin:30px 0 30px 0;}
#main article{margin:0 0 30px 0;}
#main article ul li{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}
#main .last{margin:0;}
#main h2  { color: #666;}
#main article p , #main section p {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}
#main article p a{color: #3152bd;}
#main article p a:hover{color:#9c0b10;}
#main section iframe {width:100%; height:378px;}
#main section img {width:100%; height:100%;}


@media screen and (max-width: 800px) {
#side {float:right; width:100%; background-color:#163497; min-height:100px; display:block; color:#ffffff;}
#side section {margin:10px 0 0 10px;}
#side section h2 {color:#fff;}
#side section nav a{display:block; width:80%; margin:0; padding:15px 10px 5px 20px; color:#ffffff; text-decoration:none; background-color:#163497; border-top:7px solid #163497; border-bottom:1px solid #ffffff;}
#side section nav a:hover{border-top:1px solid #163497; border-bottom:7px solid #ffffff;}
#side section nav a:active{background-color:#46449b;}
#main {float:right; width:100%; background-color:#ffffff; min-height:100px; display:block; line-height:1.5em;}
#main article, #main article:first-child {margin:10px 10px 30px 5px;}
#main article p, #main article ul li{font-size: 14px; }
#main h2, #side section h2 { font-size:18px;}
#social .icons {display:block; width:100%; margin:5px 0 5px 5px;}
#side address a.white {color:#fff;}
}

@media screen and (max-width: 600px) {
#main section iframe {width:90%; height:220px; margin:10px 5% 0 5%;}
#main section img {width:90%; height:90%; margin:10px 5% 0 5%;}
#main section p {margin:10px 5% 0 5%;}
}

@media screen and (max-width: 960px) {

#side section {margin:10px 0 0 10px;}
#social .icons img {margin:0 10px 0 10px; }
}
/* ------Buttons -----*/

#main article a.button1{display:inline-block; padding:0.5em 1.2em; border-top:7px solid #ffffff; border-bottom:1px solid #3152bd; margin:0 0.3em 0.3em 0; border-radius:0; 
box-sizing: border-box; color:#3152bd; text-align:center; transition: all 0.2s;
}
#main article a.button1:hover{
border-top:1px solid #ffffff; border-bottom:7px solid #3152bd;
}
#main article a.button1:focus, #main article a.button1:active{background-color:#3152bd; color:#ffffff;}
@media all and (max-width:400px){
#main article a.button1{display:block; margin:0.4em auto;}
}

/* ------Left Column-----*/



/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:20px 0;}
#footer p{margin:0; padding:0;}