body {
font-family: 'Gentium Basic', serif;
}

p {
font-size: 14pt;
}

#header a { color: #373a3c; text-decoration: none; }
#header a:hover { color: #982022; text-decoration: none !important;}

a { color: #982022; text-decoration: none; }
a:hover { color: #283593; text-decoration: none !important;}

@media only screen and (min-width: 90.001em) { { width: 75%; margin: 0 12.5%; } }
#header { width: 100%; max-width: 100%; float: left;
}
nav { margin-bottom: 0.625em; }
nav .print{ display: inline-block; width: 1.25em; float: left; margin-right: 0.625em; }
nav .date{ color: #332d2f; font-size: small; font-style: normal; display: inline-block; float: left; margin-right: 0.625em;}
nav .authors{ color: #332d2f; font-size: small; font-style: normal; letter-spacing: 1.1px; text-transform: uppercase; display: inline-block; float: left; margin-right: 0;}
#header > h3, main > h3, section > h3, nav > h3, aside > h3, #footer > h3 { display: none; }
#header { margin-bottom: 0.625em; }
#header .logo h1, #header .logo figure figcaption { display: none; }
@media only screen and (max-width: 29.999em) { #header .logo { text-align: center; } }
@media only screen and (min-width: 80em) { #header .logo { text-align: center; } }
#header nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: 14pt; font-family: 'Gentium Basic', serif; }
#header nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
#header nav ul li.active a, #header nav ul li:hover a { background: #982022; color: white; }
#header nav ul li.active a a, #header nav ul li:hover a a { color: #231f20; text-decoration: none; }
#header nav ul li.active a a:hover, #header nav ul li:hover a a:hover { color: white; }
@media only screen and (min-width: 80em) { #header nav ul li { display: inline-block; float: left; margin-right: 0.3125em; }
  #header nav ul li:last-of-type { margin-right: 0; } }
#header nav.secondary ul li.language img { height: 12px; position: relative; top: 1px; }
#header nav.secondary ul li.english { display: none; }
#header nav.tags { width: 100%; max-width: 100%; float: left; background: #231f20; color: white; }
#header nav.tags a { color: white; text-decoration: none; }
#header nav.tags a:hover { color: white; }
#header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
#header nav.tags ul.search li.input { display: none; }
#header nav.tags ul.search li.input {width: 20%; margin-left: 5px;}
@media only screen and (max-width: 79.999em) { #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
#header nav.tags ul.tag-list { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
#header nav.tags ul.tag-list li, #header nav.tags ul.social li, #header nav.tags ul.search li { display: inline-block; float: left; margin-right: 0.3125em; }
#header nav.tags ul.tag-list li:last-of-type, #header nav.tags ul.social li:last-of-type, #header nav.tags ul.search li:last-of-type { margin-right: 0; }
#header nav.tags ul.social { float: right; }
#header nav.tags ul.social li { /* We are not replacing social icons on hover - so the second image must not be displayed - also the icon should be taller, the maximum possible
*/ }
#header nav.tags ul.social li img { height: 12px; position: relative; top: 1px; }
#header nav.tags ul.social li a img { height: 13px; }
#header nav.tags ul.social li a img:last-of-type { display: none; }
#header .close-icon:after { content: "\2715"; padding: 0.15625em 0.3125em; border: 1px solid; color: white; position: relative; top: -2.1875em; right: 0.625em; float: right; cursor: pointer; }
@media only screen and (max-width: 29.999em) { #header nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  #header nav.main, #header nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  #header nav.main ul li, #header nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  #header nav.main { margin-top: 6.25em; }
  #header nav.tags { width: auto; margin-right: 0; }
  #header nav.tags ul.search, #header nav.tags ul.tag-list { margin-top: 0.3125em; }
  #header nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  #header nav.tags ul.social li a img { height: 1.25em; }
  #header nav.tags ul { width: 100%; max-width: 100%; float: left; }
  #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  #header nav.tags ul.search li.input { display: none; }
  #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  #header nav.tags ul.search li.input form input, #header nav.tags ul.search li.input form textarea, #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  #header nav.tags ul.search li.input form input, #header nav.tags ul.search li.input form textarea, #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  #header nav.tags ul.search li.input form input, #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  #header nav.tags ul.search li.input form input[type='text'], #header nav.tags ul.search li.input form input[type='email'], #header nav.tags ul.search li.input form input[type='password'], #header nav.tags ul.search li.input form input[type='url'], #header nav.tags ul.search li.input form input[type='search'], #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
  #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 79.999em) { #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (max-width: 29.999em) { #header nav.tags ul.search li.text { display: none; }
  #header nav.tags ul.search li.input { display: block; }
  #header .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: 'Gentium Basic', serif; font-size: small; cursor: pointer; background: #231f20; color: white; padding: 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { #header .mobile-menubar { font-size: 60%; } }
@media only screen and (max-width: 29.999em) and (max-width: 29.999em) { #header .mobile-menubar { font-size: small; } }
@media only screen and (max-width: 29.999em) { #header .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  #header .mobile-menubar ul li:last-of-type { margin-right: 0; }
  #header .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  #header .mobile-menubar a { color: white; text-decoration: none; }
  #header .mobile-menubar a:hover { color: white; }
  #header .mobile-menubar ul { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
  #header nav, #header .close-icon { display: none; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { #header { position: relative; border-bottom: 1px solid #f1f1f1; }
  #header nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  #header nav.main, #header nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  #header nav.main ul li, #header nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  #header nav.main { margin-top: 6.25em; }
  #header nav.tags { width: auto; margin-right: 0; }
  #header nav.tags ul.search, #header nav.tags ul.tag-list { margin-top: 0.3125em; }
  #header nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  #header nav.tags ul.social li a img { height: 1.25em; }
  #header nav.tags ul { width: 100%; max-width: 100%; float: left; }
  #header nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  #header nav.tags ul.search li.input { display: none; }
  #header nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  #header nav.tags ul.search li.input form input, #header nav.tags ul.search li.input form textarea, #header nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  #header nav.tags ul.search li.input form input, #header nav.tags ul.search li.input form textarea, #header nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  #header nav.tags ul.search li.input form input, #header nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  #header nav.tags ul.search li.input form input[type='text'], #header nav.tags ul.search li.input form input[type='email'], #header nav.tags ul.search li.input form input[type='password'], #header nav.tags ul.search li.input form input[type='url'], #header nav.tags ul.search li.input form input[type='search'], #header nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  #header nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  #header nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  #header nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  #header nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  #header nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  #header nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  #header nav.tags ul.search li.input form input[type="image"] { width: auto; }
  #header nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  #header nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 79.999em) { #header nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { #header nav.tags ul.search li.text { display: none; }
  #header nav.tags ul.search li.input { display: block; }
  #header section.logo, #header section.mobile-menubar { width: 48.75%; margin-right: 2.5%; float: left; }
  #header section.logo:nth-of-type(2), #header section.mobile-menubar:nth-of-type(2) { margin-right: 0; }
  #header .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: 'Gentium Basic', serif; font-size: small; cursor: pointer; position: absolute; right: 0; bottom: 0.3125em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 47.999em) { #header .mobile-menubar { font-size: 60%; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 29.999em) { #header .mobile-menubar { font-size: small; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { #header .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  #header .mobile-menubar ul li:last-of-type { margin-right: 0; }
  #header .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  #header .mobile-menubar ul { float: right; }
  #header nav, #header .close-icon { display: none; } }
@media only screen and (min-width: 80em) { #header .main, #header .logo, #header .secondary { width: 31.5%; margin-right: 2.5%; float: left; }
  #header .main:nth-of-type(2), #header .logo:nth-of-type(2), #header .secondary:nth-of-type(2) { margin-right: 2.5%; }
  #header .main:nth-of-type(3), #header .logo:nth-of-type(3), #header .secondary:nth-of-type(3) { margin-right: 0; }
  #header .secondary { margin-right: 0 !important; }
  #header .secondary ul { float: right; }
  #header .main, #header .secondary { width: 63%; margin-top: 2.3em;  /* If the menu goes two lines in strange responsive cases then cut the second line
*/ height: 2.5em; overflow: hidden; }
  #header .mobile-menubar, #header .close-icon { display: none; } }
#header.mobile-menu-active { margin-bottom: 0.625em; }
#header.mobile-menu-active .logo { position: absolute; width: 95%; margin: 0 2.5%; top: 0;}
#header.mobile-menu-active .logo h1, #header.mobile-menu-active .logo figure figcaption { display: none; }
@media only screen and (max-width: 29.999em) { #header.mobile-menu-active .logo { text-align: center; } }
@media only screen and (min-width: 80em) { #header.mobile-menu-active .logo { text-align: center; } }
@media only screen and (min-width: 90.001em) { #header.mobile-menu-active .logo { width: 75%; margin: 0 12.5%; } }
#header.mobile-menu-active nav { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: 'Gentium Basic', serif; }
#header.mobile-menu-active nav ul li a { padding: 0.625em 0.3125em; display: inline-block; }
#header.mobile-menu-active nav ul li.active a, #header.mobile-menu-active nav ul li:hover a { background: #982022; color: white; }
#header.mobile-menu-active nav ul li.active a a, #header.mobile-menu-active nav ul li:hover a a { color: #231f20; text-decoration: none; }
#header.mobile-menu-active nav ul li.active a a:hover, #header.mobile-menu-active nav ul li:hover a a:hover { color: white; }
@media only screen and (min-width: 80em) { #header.mobile-menu-active nav ul li { display: inline-block; float: left; margin-right: 0.3125em; }
  #header.mobile-menu-active nav ul li:last-of-type { margin-right: 0; } }
#header.mobile-menu-active nav.secondary ul li.language img { height: 12px; position: relative; top: 1px; }
#header.mobile-menu-active nav.secondary ul li.english { display: none; }
#header.mobile-menu-active nav.tags { width: 100%; max-width: 100%; float: left; background: #231f20; color: white; }
#header.mobile-menu-active nav.tags a { color: white; text-decoration: none; }
#header.mobile-menu-active nav.tags a:hover { color: white; }
#header.mobile-menu-active nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
#header.mobile-menu-active nav.tags ul.search li.input { display: none; }
#header.mobile-menu-active nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
#header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea, #header.mobile-menu-active nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
#header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea, #header.mobile-menu-active nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
#header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='text'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='email'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='password'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='url'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='search'], #header.mobile-menu-active nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
#header.mobile-menu-active nav.tags ul.search li.input form input[type="image"] { width: auto; }
#header.mobile-menu-active nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
#header.mobile-menu-active nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; }
@media only screen and (max-width: 79.999em) { #header.mobile-menu-active nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
#header.mobile-menu-active nav.tags ul.tag-list { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
#header.mobile-menu-active nav.tags ul.tag-list li, #header.mobile-menu-active nav.tags ul.social li, #header.mobile-menu-active nav.tags ul.search li { display: inline-block; float: left; margin-right: 0.3125em; }
#header.mobile-menu-active nav.tags ul.tag-list li:last-of-type, #header.mobile-menu-active nav.tags ul.social li:last-of-type, #header.mobile-menu-active nav.tags ul.search li:last-of-type { margin-right: 0; }
#header.mobile-menu-active nav.tags ul.social { float: right; }
#header.mobile-menu-active nav.tags ul.social li { /* We are not replacing social icons on hover - so the second image must not be displayed - also the icon should be taller, the maximum possible
*/ }
#header.mobile-menu-active nav.tags ul.social li img { height: 12px; position: relative; top: 1px; }
#header.mobile-menu-active nav.tags ul.social li a img { height: 13px; }
#header.mobile-menu-active nav.tags ul.social li a img:last-of-type { display: none; }
#header.mobile-menu-active .close-icon:after { content: "\2715"; padding: 0.15625em 0.3125em; border: 1px solid; color: #982022; position: absolute; top: 10px; right: 0.625em; float: right; cursor: pointer; }
@media only screen and (max-width: 29.999em) { #header.mobile-menu-active nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  #header.mobile-menu-active nav.main, #header.mobile-menu-active nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  #header.mobile-menu-active nav.main ul li, #header.mobile-menu-active nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  #header.mobile-menu-active nav.main { margin-top: 6.25em; }
  #header.mobile-menu-active nav.tags { width: auto; margin-right: 0; }
  #header.mobile-menu-active nav.tags ul.search, #header.mobile-menu-active nav.tags ul.tag-list { margin-top: 0.3125em; }
  #header.mobile-menu-active nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  #header.mobile-menu-active nav.tags ul.social li a img { height: 1.25em; }
  #header.mobile-menu-active nav.tags ul { width: 100%; max-width: 100%; float: left; }
  #header.mobile-menu-active nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  #header.mobile-menu-active nav.tags ul.search li.input { display: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  #header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea, #header.mobile-menu-active nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea, #header.mobile-menu-active nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  #header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='text'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='email'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='password'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='url'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='search'], #header.mobile-menu-active nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type="image"] { width: auto; }
  #header.mobile-menu-active nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  #header.mobile-menu-active nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 79.999em) { #header.mobile-menu-active nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (max-width: 29.999em) { #header.mobile-menu-active nav.tags ul.search li.text { display: none; }
  #header.mobile-menu-active nav.tags ul.search li.input { display: block; }
  #header.mobile-menu-active .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: 'Gentium Basic', serif; font-size: small; cursor: pointer; background: #231f20; color: white; padding: 0.3125em 0; } }
@media only screen and (max-width: 29.999em) and (max-width: 47.999em) { #header.mobile-menu-active .mobile-menubar { font-size: 60%; } }
@media only screen and (max-width: 29.999em) and (max-width: 29.999em) { #header.mobile-menu-active .mobile-menubar { font-size: small; } }
@media only screen and (max-width: 29.999em) { #header.mobile-menu-active .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  #header.mobile-menu-active .mobile-menubar ul li:last-of-type { margin-right: 0; }
  #header.mobile-menu-active .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  #header.mobile-menu-active .mobile-menubar a { color: white; text-decoration: none; }
  #header.mobile-menu-active .mobile-menubar a:hover { color: white; }
  #header.mobile-menu-active .mobile-menubar ul { text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: table\0/ !important; /* IE 8-9 */ }
  #header.mobile-menu-active nav, #header.mobile-menu-active .close-icon { display: block; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { #header.mobile-menu-active { position: relative; border-bottom: 1px solid #f1f1f1; }
  #header.mobile-menu-active nav { border: 1px solid; -moz-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; -webkit-box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; box-shadow: 1px 0 #231f20, 0 1px #231f20, 2px 1px #231f20, 1px 2px #231f20, 3px 2px #231f20, 2px 3px #231f20, 4px 3px #231f20, 3px 4px #231f20, 5px 4px #231f20, 4px 5px #231f20; padding: 1.25em; width: calc(100% - 2.5em); }
  #header.mobile-menu-active nav.main, #header.mobile-menu-active nav.secondary { border-bottom: 1px solid #231f20; margin-bottom: 1.25em; }
  #header.mobile-menu-active nav.main ul li, #header.mobile-menu-active nav.secondary ul li { border-bottom: 1px solid #f1f1f1; }
  #header.mobile-menu-active nav.main { margin-top: 6.25em; }
  #header.mobile-menu-active nav.tags { width: auto; margin-right: 0; }
  #header.mobile-menu-active nav.tags ul.search, #header.mobile-menu-active nav.tags ul.tag-list { margin-top: 0.3125em; }
  #header.mobile-menu-active nav.tags ul.social li a { margin-bottom: 0.3125em; height: 1.25em; }
  #header.mobile-menu-active nav.tags ul.social li a img { height: 1.25em; }
  #header.mobile-menu-active nav.tags ul { width: 100%; max-width: 100%; float: left; }
  #header.mobile-menu-active nav.tags ul.search li.text img { height: 12px; position: relative; top: 1px; }
  #header.mobile-menu-active nav.tags ul.search li.input { display: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form { /* Reset */ /* Stretching and padding */ /* Text */ /* Button */ /* Image */ /* Label
*/ }
  #header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea, #header.mobile-menu-active nav.tags ul.search li.input form select { border: none; outline: 0; background: white; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea, #header.mobile-menu-active nav.tags ul.search li.input form label { width: 100%; max-width: 100%; float: left; }
  #header.mobile-menu-active nav.tags ul.search li.input form input, #header.mobile-menu-active nav.tags ul.search li.input form textarea { padding: 0.3125em; width: calc(100% - 0.625em); margin-bottom: 0.625em; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='text'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='email'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='password'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='url'], #header.mobile-menu-active nav.tags ul.search li.input form input[type='search'], #header.mobile-menu-active nav.tags ul.search li.input form textarea { border: 1px solid #231f20; font-style: italic; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] { width: auto; text-transform: uppercase; letter-spacing: 1.1px; border: 1px solid #231f20; background: #231f20; color: white; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a { color: white; text-decoration: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit'] a:hover { color: white; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover { background: white; color: #231f20; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a { color: #231f20; text-decoration: none; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type='submit']:hover a:hover { color: #982022; }
  #header.mobile-menu-active nav.tags ul.search li.input form input[type="image"] { width: auto; }
  #header.mobile-menu-active nav.tags ul.search li.input form label { text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
  #header.mobile-menu-active nav.tags ul.search li.input form input { margin: 0.15625em 0.3125em 0; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 79.999em) { #header.mobile-menu-active nav.tags ul.search li.input { width: calc(100% - 1.25em); } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { #header.mobile-menu-active nav.tags ul.search li.text { display: none; }
  #header.mobile-menu-active nav.tags ul.search li.input { display: block; }
  #header.mobile-menu-active section.logo, #header.mobile-menu-active section.mobile-menubar { width: 48.75%; margin-right: 2.5%; float: left; }
  #header.mobile-menu-active section.logo:nth-of-type(2), #header.mobile-menu-active section.mobile-menubar:nth-of-type(2) { margin-right: 0; }
  #header.mobile-menu-active .mobile-menubar { width: 100%; max-width: 100%; float: left; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; font-family: 'Gentium Basic', serif; font-size: small; cursor: pointer; position: absolute; right: 0; bottom: 0.3125em; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 47.999em) { #header.mobile-menu-active .mobile-menubar { font-size: 60%; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) and (max-width: 29.999em) { #header.mobile-menu-active .mobile-menubar { font-size: small; } }
@media only screen and (min-width: 30em) and (max-width: 79.999em) { #header.mobile-menu-active .mobile-menubar ul li { display: inline-block; float: left; margin-right: 0.625em; }
  #header.mobile-menu-active .mobile-menubar ul li:last-of-type { margin-right: 0; }
  #header.mobile-menu-active .mobile-menubar ul li.icon img { height: 9px; position: relative; top: 1px; }
  #header.mobile-menu-active .mobile-menubar ul { float: right; }
  #header.mobile-menu-active section.logo { width: 100%; max-width: 100%; float: left; text-align: center; }
  #header.mobile-menu-active nav, #header.mobile-menu-active .close-icon { display: block; } }
@media only screen and (min-width: 80em) { #header.mobile-menu-active .main, #header.mobile-menu-active .logo, #header.mobile-menu-active .secondary { width: 31.5%; margin-right: 2.5%; float: left; }
  #header.mobile-menu-active .main:nth-of-type(2), #header.mobile-menu-active .logo:nth-of-type(2), #header.mobile-menu-active .secondary:nth-of-type(2) { margin-right: 2.5%; }
  #header.mobile-menu-active .main:nth-of-type(3), #header.mobile-menu-active .logo:nth-of-type(3), #header.mobile-menu-active .secondary:nth-of-type(3) { margin-right: 0; }
  #header.mobile-menu-active .secondary { margin-right: 0 !important; }
  #header.mobile-menu-active .secondary ul { float: right; }
  #header.mobile-menu-active .main, #header.mobile-menu-active .secondary { margin-top: 2.5em; border-bottom: 1px solid #f1f1f1; height: 2.5em; overflow: hidden; }
}


#footer { width: 100%; max-width: 100%; float: left; }
#footer > h3 { display: none; }
footer { margin: 3.75em 0 0; padding: 0; border-top: 0.3125em solid; text-transform: uppercase; letter-spacing: 1.1px; font-size: small; }
@media only screen and (max-width: 79.999em) { #footer nav { width: 48.75%; margin-right: 2.5%; float: left; }
#footer nav:nth-of-type(2) { margin-right: 0; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { #footer nav#occrp { width: 65.5%; margin-right: 2.5%; float: left; }
#footer nav#social-icons { width: 31.5%; margin-right: 2.5%; float: left; margin-right: 0; } }
@media only screen and (max-width: 79.999em) { #footer nav#occrp { position: relative; top: -0.625em; } }
#footer nav#occrp ul li { margin-bottom: 0.625em; }
#footer nav#occrp ul li#copyright { margin-bottom: 0; }
@media only screen and (max-width: 79.999em) { #footer nav#occrp ul li#contact a:before { content: '\2709'; } }
#footer nav#occrp ul li#made-by ul li { display: inline-block; float: left; margin-right: 0.625em; }
#footer nav#occrp ul li#made-by ul li:last-of-type { margin-right: 0; }
@media only screen and (min-width: 80em) { #footer nav#occrp ul li#made-by ul li#usaid { position: relative; top: -0.625em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { #footer nav#occrp ul li#made-by ul li#usaid { position: relative; top: -0.625em; } }
@media only screen and (min-width: 80em) { #footer nav#occrp ul li#made-by ul li#swiss { position: relative; top: -0.325em; } }
@media only screen and (min-width: 48.001em) and (max-width: 80em) and (orientation: landscape) { #footer nav#occrp ul li#made-by ul li#swiss { position: relative; top: -0.625em; } }
@media only screen and (min-width: 80em) { #footer nav#occrp ul li { display: inline-block; float: left; margin-right: 1.25em; }
#footer nav#occrp ul li:last-of-type { margin-right: 0; } }
#footer nav#social-icons { margin-right: 0; }
#footer nav#social-icons ul li.social-icons { float: right; position: relative; top: -2.8125em; }
@media only screen and (min-width: 80em) { #footer nav#social-icons ul li.social-icons { top: -3.7em; } }
#footer nav#social-icons ul li.social-icons ul li { display: inline-block; float: left; margin-right: 0.15625em; }
#footer nav#social-icons ul li.social-icons ul li:last-of-type { margin-right: 0; }
#footer nav#social-icons ul li.social-icons ul li img:last-of-type { display: none; position: relative; top: 0; }
#footer nav#social-icons ul li.social-icons ul li:hover img:first-of-type { display: none; }
#footer nav#social-icons ul li.social-icons ul li:hover img:last-of-type { display: block; }
#footer nav#social-icons ul li.social-icons ul li img { width: 70%; }
#footer nav#social-icons ul { list-style-type: none; }

  /*********************************************/
  .top-nav {
  margin: 0 !important;
  padding: 15px 0 0 0;
  position: fixed;
  z-index: 100;
  width: 100%;
  background: #fff;
  transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
  display: none;
  }

.sticky .top-nav{
padding: 2px 0 0 0 !important;
display: block;
transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

#header{
transition: margin 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

.sticky #header{
margin: 0 !important;
transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

.sticky .logo img{
max-width: 15em;
transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

.logo img{
max-width: 100%;
transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

.sticky #header nav{
margin-top: 15px;
transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

#header nav{
margin-top: 2.5em;
transition: all 0.60s cubic-bezier(0.4, 0, 0.2, 1);
}

#intro {
background: url(../img/djukanovic.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
position: relative;
margin-top: 0px;
min-height: 100vh;
}

#intro h1{
margin: 400px auto 0 auto;
}

#intro h2{
margin: 50px auto 0 auto;
}

#intro h2 span{
padding: 10px;
background: rgba(255,255,255,0.6);
font-size: 40pt;
}

#intro h1 span{
padding: 10px;
background: rgba(255,255,255,0.6);
font-size: 50pt;
}

.row {
margin: 0 !important;
}

.share {
padding: 0 !important;
margin-top: 25px;
}

.share button{
/*margin-top: 0 !important;
margin-bottom: 0 !important;*/
fill: white;
padding-top: 6px;
}

.share button:hover{
fill: greenyellow;
}

.share-drew {
margin-top: 5px !important;
}

.by strong, .published strong{
color: #982022;
}

md-card-content {
padding: 15px !important;
}

md-card{
margin: 20px 0 !important;
}

.caption {
font-size: 10pt;
font-style: italic;
margin: 0;
}

.subimage {
margin-bottom: 0 !important;
}

.underline {
text-decoration: underline;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  font-size: 14pt;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 14pt;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.lista li{
margin-top: 15px;
}

md-card-title {
text-align: center;
}

@media only screen and (max-width: 1200px) {
.no-side-padd{
padding-left: 0 !important;
padding-right: 0 !important;
}
}

@media only screen and (max-width: 770px) {
#intro h1{
margin: 200px auto 0 auto;
}

#intro h2{
margin: 30px auto 0 auto;
}

#intro h2 span{
padding: 10px;
background: rgba(255,255,255,0.6);
font-size: 20pt;
}

#intro h1 span{
padding: 10px;
background: rgba(255,255,255,0.6);
font-size: 25pt;
}

.mobile-hide {
display: none;
}

}
}

/***** FOOTER *****/

footer { 
margin: 3.75em 0 0;
padding: 15px 0 0 0;
border-top: 0.3125em solid;
text-transform: uppercase;
letter-spacing: 1.1px;
font-size: small;
}

footer p { font-weight: bold; margin-bottom: 1.10em; background: #231f20; color: white; }
footer p a { color: white; text-decoration: none; }
footer p a:hover { color: white; }

@media only screen and (min-width: 768px) {
.share-footer {
float: right;
position: relative;
top: -3.3em;
}
}
.share-footer button:hover{
fill: greenyellow;
background: black !important;
transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.share-footer {
padding: 0 !important;
}

.share-footer button{
margin-top: 0 !important;
margin-bottom: 0 !important;
fill: white;
padding-top: 6px;
}

.home-link {
color: #000;
}
/****************************/

.about-story h2{
margin-top: 20px;
}

.team-name {
font-size: 12pt;
}

.langImg {
vertical-align: top;
margin-top: 6px;
}