body {margin:0; padding:0; background:#ffffff; font-family: "Arial"; color:#525252;}

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

#main, #footer-inner, #container {
	width: 100%;
	max-width: 1000px;
}

.clear {clear:both;}
a img {border:none;}
#main a {color:#525252; border-bottom:1px dotted; text-decoration:none; }
#main a:hover {border-bottom:none;}
h1 {display:inline-block; margin:0; padding:0 0 20px 0; color:#666767;}/*change padding to 20 it was 0 0 30 0*/
p {line-height:160%;}
#main li {padding:6px 0;}



/* Main structure styles */
#container {margin:0 auto; background:#fff;}
#header { 
	max-width: 1060px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin:0 auto; 
	padding: 0;
}



#logo {float:left; height:auto; width:auto; padding: 0 0 0 30px;}
#nav {padding:50px 0 0 0; display: inline-block; vertical-align: top; text-align: right; height:50px; width:790px; margin:0;}
#header #logo a:hover {background: none;}
#header {max-width: 1060px; width: 100%; margin:0px 0 0 0; height:100px; margin:0 auto; padding:0;}
#main {margin:0 auto;}
#main-image {width:100%; height:auto; margin:0 auto; padding:0 0 30px 0;}
#main-image img {padding:0; margin:0; max-width:100%;}


/* Navigation menu styling*/
#nav {width: 100%; max-width: 790px; font-size:14px; padding:0; display: inline-block; vertical-align: top; text-align: right; height:30px; width:790px; margin:0; text-align:left; float:right;}
#nav ul {padding:0; margin:0; list-style-type:none; position:relative; float:right;}
#nav li {display:inline; float:left; position:relative; text-align: center; margin-left: 20px; }
/*#nav a { display:block;  width: auto; padding: 10px 20px; text-decoration:none; color:#666767; font-weight:bold; text-align:center; }*/
#nav a { display:block;  width: auto; padding: 10px 20px; text-decoration:none; color:#61002B; font-weight:bold; text-align:center; }/*change the color*/
/*#nav a:hover {background:#666767; color:#ffffff;}*/
#nav a:hover {background:#61002B; color:#ffffff;}/*change the color*/
#nav ul li.current-menu-item { background:#ddd; }
#nav ul li:hover {background:#ddd;}
#nav ul ul{display:none; position:absolute; top:100%; left:0; background:#fff;padding:0; background:#fff; z-index:2; opacity:0.9;}
#nav ul ul li{ float:none; }
#nav ul ul a {padding:10px 15px;  width:180px; text-align:left; font-weight:normal;}
#nav ul li:hover > ul{ display:block;}

/* Menu Toggle */
#menu-toggle { display: none; margin-left: auto; }


/* Footer styles */
#footer {width:100%; margin:40px auto 0 auto; padding:0 0 40px 0; background:#666767; color:#fff;}
#footer a {text-decoration:none; padding:0; margin:0; border-bottom:1px dotted #fff; color:#fff;}
#footer a:hover {border-bottom:none; padding-bottom:1px;}
#footer  p {line-height:50%; font-size:14px;}
#footer-inner {position:relative; margin:0 auto; padding:10px 0;}
#footer-contact {float:left; width: 50%; max-width: 380px; padding: 20px 0px; }
#footer-logo {position:absolute; top:36px; right:0px;}


/* History page stlying */
div#history .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #999;
}

#history .date {width: 10%; text-align: left; padding:0px; margin:0; color:#620830 ; font-size:30px;}
#history .description {margin-left: auto; width: 90%; vertical-align: center;}
#history ul {list-style-type: square; padding:0; margin:0 0 0 30px;}
#history li {padding:8px;}


/* People page styling */


div.person .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.person .photo {margin-right:20px;}
.person h3 {margin:0 0 6px 0; padding:0; }
.person h4 {margin:0; color:#737373;}
.person img {height:150px; width:150px; background:grey;}
.person p {line-height:140%;}


/* Offices/Contact page styling*/
div.office, div.office { display: flex; margin-bottom: 30px; padding-bottom:20px; border-bottom:1px dotted; }
div.office:last-child {border-bottom:none;}
.location-info {vertical-align: top; width:500px;}
.location-info  {line-height: 140%;}
.location-info a {color:#620830; text-decoration:none; border-bottom:1px dotted;}
.location-info a:hover {border-bottom:none;}
.contact-method {width:60px; display:inline-block;}

/* News page styling */


div.news .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    margin-bottom: 10px;
    padding-bottom: 10px;
	
	}

.news .picture {margin-right:20px;}
.news img {height:150px; width:200px;}
.news .description h3 {margin:0 0 6px 0;}
.news  h4 {margin:0; color:#620830;}
.news  p {line-height:140%; padding:0 0 2px 0;text-decoration:none;}

.news a .grey  {background-color: transparent;text-decoration:none; outline:0px;}

/*.news  a.grey :link {background-color:transparent; text-decoration:none;}
.news  a.grey :hover {background-color:transparent;text-decoration:none; }
.news  a.grey :active {background-color:transparent;text-decoration:none;}
.news  a.grey :focus {background-color:transparent;text-decoration:none;}*/

/* NAV table specific */
.nav-table th {background:#d6d6d6; margin:0; padding:6px; font-size:12px;}
.nav-table td {text-align:center; padding:12px; border-bottom:1px dotted #d6d6d6;}



/*#nav {
	width: 100%;
	padding: 0;
	max-width: 790px;
}
*/
/*#nav li {
	text-align: center;
	margin-left: 30px;
}*/
/*
#nav li a {
	width: auto;
	padding: 10px 20px;
}*/


/*#header {
	max-width: 1060px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0;
}
*/
/*#logo { float: none; padding: 0 0 0 30px; width: auto; height: auto; }*/

/*#menu-toggle { display: none; margin-left: auto; }*/

/*div#history .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #999;
}
*/

/*#history .date {
    width: 10%;
    text-align: left;
}*/

/*#history .description {
    margin-left: auto;
    width: 90%;
}*/

/*div#stockholm, div#london {
    display: flex;
    margin-bottom: 30px;
}*/

div.media .flex {
    display:grid;    
	grid-template-columns: 1fr 1fr;
	grid-column-gap:20px;
	margin-bottom: 30px;
    padding-bottom: 10px
}

.media .description h3 {margin:0 0 6px 0;}
.media  h4 {margin:0; color:#620830;}
.media  p {line-height:140%; padding:0 0 2px 0;text-decoration:none;}

.iframe-wrap {
  overflow: hidden;
  padding-top: 56.25%; /* 16:9*/
  position: relative;
}

.iframe-wrap iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   max-width:100%;
   margin-bottom:20px;
}

@media screen and (max-width:768px){
	div.media .flex{
		grid-template-columns:1fr;
	}
}

.media a .grey  {background-color: transparent;text-decoration:none; outline:0px;}

/*.news  a.grey :link {background-color:transparent; text-decoration:none;}
.news  a.grey :hover {background-color:transparent;text-decoration:none; }
.news  a.grey :active {background-color:transparent;text-decoration:none;}
.news  a.grey :focus {background-color:transparent;text-decoration:none;}*/