@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Lora';
src: url('../fonts/Lora-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}




@font-face {
font-family: 'Faustina';
src: url('../fonts/Faustina-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Faustina';
src: url('../fonts/Faustina-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Faustina';
src: url('../fonts/Faustina-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Faustina';
src: url('../fonts/Faustina-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Faustina';
src: url('../fonts/Faustina-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Faustina';
src: url('../fonts/Faustina-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}


@font-face {
font-family: 'Icomoon';
src: url('../fonts/icomoon7.woff') format('woff');
font-weight: normal;
font-style: normal;
}



[class*="icon"],
*::before,
*::after {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
/*line-height: 1;*/
}
*, ::before, ::after {
  box-sizing: inherit;
}

html {
height: 100%;
box-sizing: border-box;
}
body {
min-height: 100vh;
margin: 0;
padding: 0;
font-family: 'Lora', serif;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
color: #000;
hyphens: manual;
background-color: #fff;
}

/*** main containers ***/

:root {
--ipublue: #1e3562;
--ipuyellow: #ffcc04;
--ipured: #d80000;
--medium-blue: #355887;
--light-blue: #BFCFE6;
--light-grey: #f4f4f4;
--dark-red: #900;
--imagebg: #dadada;
--charcoal: #444;
}
.wrapper {
max-width: 1920px;
margin: 0 auto;
min-height: 100vh;
}
.content {
display: grid;
grid-template-columns: 400px 1fr 1fr 400px;
grid-template-rows: auto;
grid-template-areas: 
"header main main nav";
height: 100vh;
}

header {
padding: 46px 20px 40px;
color: #fff;
background: var(--ipublue) url(../img/header_desktop2.jpg);
background-repeat: repeat-y;
grid-area: header;
min-height: 100Vh;
}
.site_title {
text-align: center;
}
.site_title.mobile {
display: none;
}
.title_short {
font-size: 2.556em; /* 46px */
font-weight: 600;
line-height: 1;
text-transform: uppercase;
}
.title_short a {
display: block;
color: var(--ipuyellow);
text-decoration: none;
}
.title_short {
margin-bottom: 20px;
}

.title_short a:hover {
color: var(--light-blue);
text-decoration: none;
}


.emblem img {
width: 230px;
margin: 40px auto 60px;
}


.title_long {
font-size: 1.667em; /* 30px */
font-weight: 500;
line-height: 1.2;
margin: 0;
}

.main_top {
padding: 10px 0 10px 0;
margin-bottom: 40px;
font-family: "Roboto";
font-size: 15px; /* 0.833em */
line-height: 1.2;
border-bottom: 1px dotted #666;
}
.main_top nav {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.search_results .main_top,
.search_results .search_container h3,
.search_results .search_container .searchbox,
.search_results #searchswitch a {
display: none !important;
}
#search-form {
margin-bottom: 40px;
}
.search_results fieldset {
border: none;
padding: 0;
}

.not-found {
font-family: "Roboto";
font-size: 1em; /* 16px */
font-weight: 500;
}

.breadcrumb-item {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.breadcrumb-item::after {
display: inline-block;
padding-top: 2px;
content: "\e904 ";
}



.main_content {
padding: 40px 50px 100px;
grid-area: main;
}
main {
position: relative;
}

.navcolumn {
padding: 50px 40px 40px;
font-family: "Roboto";
background-color: #f8f8f8;
grid-area: nav;
display: flex;
flex-flow: column;
gap: 30px;
}

.segment {
padding-bottom: 30px;
border-bottom: 1px dotted var(--ipublue);
}
.segment h3 {
margin: 0 0 20px;
font-size: 1.111em; /* 20px */
font-weight: 500;
line-height: 1;
color: var(--ipublue);
}
.segment a {
display: block;
}
.segment a:hover {
text-decoration: none;
}



.langnav,
.access .links {
display: flex;
flex-flow: row nowrap;
gap: 20px;
}
.langnav a,
.access a {
width: 44px;
height: 40px;
line-height: 40px;
font-size: 18px; /* 1em */
font-weight: 500;
text-align: center;
text-decoration: none;
color: var(--ipublue);
background-color: var(--light-blue);
border-radius: 3px;
}
.access a {
font-size: 22px; /* 1.222em */
}
#nondyslexic,
#dyslexic,
#nondyslexic1,
#dyslexic1 {
font-size: 26px; /* 1.444em */
}
#impaired,
#impaired1,
#dyslexic,
#dyslexic1 {
display: none;
}


.langnav a.active,
.langnav a.active:hover,
.acces a.active:hover {
color: #fff;
background-color: var(--medium-blue);
}
.langnav a:hover,
.access a:hover {
color: #fff;
background-color: var(--medium-blue);
}

.access .label {
padding-bottom: 15px;
font-size: 15px; /* 0.833em */
font-weight: 500;
}

.navmain {
position: relative;
}

.navmain ul {
padding-left: 20px;
margin: 0;
}
.navmain li {
margin: 0 0 15px;
}
.navmain li:last-child {
margin: 0;
}

.navmain a {
display: block;
color: var(--medium-blue);
font-size: 1em; /* 18px */
line-height: 1.2;
text-decoration: none;
}
.navmain a:hover {
color: var(--dark-red);
text-decoration: underline;
}
#navmainswitch {
display: none;
}



.segment.search_container {
flex-grow: 1;
border: none;
}
#searchswitch {
display: none;
}

.searchbox {
width: 100%;
position: relative;
background-color: #fff;
border-radius: 3px;
}

.searchbox input {
width: 100%;
padding: 0 50px 0 15px;
background-color: transparent;
border: none;
border: 1px solid #A6A6A6;
border-radius: 3px;
font: 400 16px/42px 'Roboto', sans-serif;
outline: none;
}
.searchbox .input:focus {
border: 1px solid var(--ipublue);
}
.searchbox button {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 42px;
font-size: 22px; /* 1.222em */
line-height: 42px;
padding: 0 10px;
border: none;
text-align: right;
color: var(--medium-blue);
background: transparent;
cursor: pointer;
}
.searchbox button:hover {
color: var(--dark-red);
}

footer {
flex-grow: 0;
}
footer.desktop {
padding: 40px 0 0;
}
footer.mobile {
display: none;
grid-area: footer;
}
footer.desktop .lining,
footer.mobile .lining {
padding-top: 20px;
border-top: 1px dotted var(--ipublue);
/*display: flex;
flex-flow: row wrap;*/
gap: 20px;
}


footer a {
color: var(--medium-blue);
font-size: 16px; /* 0.889em */
text-decoration: none;
}

footer a:hover {
color: var(--dark-red);
text-decoration: underline;
}

#settings_mobile {
display: none;
}


/*** blog ***/

h1.section_title,
.list h1,
.single h1,
.search_results h1 {
margin: 0 0 60px;
font-size: 2em; /* 36px */
line-height: 1.2;
font-family: "Roboto";
font-weight: 500;
color: #000;
}
.list h1,
.single h1,
.search_results h1 {
margin: 0 auto 60px;
max-width: 750px;
}

.blog {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
gap: 70px 50px;
}
.blog_item {
min-height: 100%;
display: grid;
grid-template-rows: min-content 1fr min-content;
gap: 25px;
}

.blog_item h3,
.list h2 {
margin: 0;
font-size: 1.333em; /* 24px */
font-weight: 600;
line-height: 1.3;
}

.blog_item p,
.list p {
margin: 0 0 10px;
}

.blog .item_bottom {
min-height: 30px;
padding-top: 8px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
gap: 20px;
font-family: "Roboto";
font-size: 14px;
line-height: 1;
border-top: 1px dotted var(--medium-blue);
}
.item_bottom dl {
margin: 0;
}


.blog a.readmore,
.list a.readmore {
display: flex;
flex-flow: row nowrap;
align-items: center;
font-size: 14px;
}

.blog a.readmore::before,
.list a.readmore::before {
content: "\e90e";
font-size: 18px; /*1rem*/
padding-top: 2px;
line-height: 1;
color: var(--dark-red);
text-decoration: none;
}
.blog a.readmore:hover,
.list a.readmore:hover {
text-decoration: none;
}

.morenews {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 4px;
margin: 60px 0 0;
font-family: "Roboto";
font-size: 1.222em; /* 22px */
font-weight: 500;
}

.morenews::before {
content: "\e5c8";
}

.article_list  {
margin: 0 auto;
max-width: 750px;
display: flex;
flex-flow: column nowrap;
gap: 50px;
}
.list h1.section_title {
margin: 0 auto 60px;
max-width: 750px;
}

.list_item .date {
font-family: "Roboto";
font-size: 14px;
line-height: 1;
}
/*.list_item .date::before {
content: "— "
}*/

.list_item h2 {
margin: 15px 0 20px;
}
.list_item .date,
.list_item .readmore {
font-family: "Roboto";
font-size: 14px;
line-height: 1;
}
.list .item_bottom {
margin-top: 20px;
padding-top: 8px;
border-top: 1px dotted var(--medium-blue);
}


/*** end blog ***/


article {
margin: 0 auto;
max-width: 750px;
}

article .date,
dl.article-info dd,
.readon {
margin: 0;
font-family: "Roboto";
font-size: 15px;
}

.date-share {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.legal .date-share,
.bw-social-share-title {
display: none;
}
.single .date-share {
margin-bottom: 30px;
}



.date-share .bw-social-share ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 10px;
}
.date-share .bw-social-share a:hover {
text-decoration: none;
}

.date-share .bw-social-share a .rrssb-icon,
.date-share .bw-social-share a .rrssb-text {
display: none;
}
.date-share .bw-social-share a::before {
font-size: 18px;
line-height: 1;
display: block;
}

.date-share .bw-social-share .rrssb-facebook a::before {
content: "\e943";
}
.date-share .bw-social-share .rrssb-twitter a::before {
content: "\e944";
}
.date-share .bw-social-share .rrssb-instagram a::before {
content: "\ea92";
padding: 0 5px;
}
.date-share .bw-social-share .rrssb-whatsapp a::before {
content: "\e945";
}





.search_results .date {
margin: 10px 0;
}
.result-title-text {
font-weight: 700;
}
li.result__item::marker {
font-family: "Roboto";
}
.searchres time {
display: inline-block;
padding-bottom: 3px;
border-bottom: 1px dotted var(--medium-blue);
}

article h1 {
margin: 50px 0;
font-size: 1.667em; /**30px**/
font-weight: 600;
line-height: 1.3;
color: var(--ipublue);
}
article h2 {
margin: 1em 0;
font-size: 1.389em; /*25px*/
font-weight: 600;
line-height: 1.35;
color: var(--ipublue);
}
article h3 {
margin: 1em 0;
font-size: 1.222em; /*22px*/
font-weight: 600;
line-height: 1.35;
color: var(--ipublue);
}
article h4 {
margin: 1em 0;
font-size: 1.111em; /*20px*/
font-weight: 600;
line-height: 1.35;
color: var(--ipublue);
}



article p.lead {
font-weight: 600;
margin-bottom: 30px;
}


.pagenavigation {
clear: both;
display: flex;
flex-flow: row nowrap;
gap: 20px;
justify-content: space-between;
padding-top: 15px;
max-width: 750px;
margin: 70px auto 0;
border-top: 1px dotted var(--ipublue);
font-family: "Roboto";
font-weight: 500;
font-size: 16px; /*0.889em*/
line-height: 1;
}
.pagenavigation a:hover {
text-decoration: none;
}

.pagenavigation a {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 4px;
}

.pagenavigation a.prev::before {
content: "\e5c4";
font-size: 20px; /*1.111em*/
}
.pagenavigation a.next::after {
content: "\e5c8";
font-size: 20px; /*1.111em*/
}


/*** pagination ***/

.pagination {
margin: 60px auto 0;
max-width: 750px;
}

.pagination ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-flow: row wrap;
gap: 5px;
font-family: "Roboto";
font-size: 16px; /*0.889em*/
font-weight: 500;
line-height: 40px;
}

.pagination a,
.pagination span {
display: block;
width: 40px;
height: 40px;
text-align: center;
text-decoration: none;
color: var(--ipublue);
background-color: var(--light-blue);
border-radius: 3px;
}
.pagination a:hover,
.pagination span:hover {
color: #fff;
background-color: var(--medium-blue);
text-decoration: none;
}

.pagination .active a {
color: #fff;
background-color: var(--ipublue);
}
.icon-angle-double-left::before {
content: "\e905";
}
.icon-angle-left::before {
content: "\e903";
}
.icon-angle-double-right::before {
content: "\e906";
}
.icon-angle-right::before {
content: "\e904";
}

.pagination .disabled span {
color: #666;
background-color: #ccc;
}


/*** end pagination ***/


a {
color: var(--medium-blue);
text-decoration: none;
}
a:hover {
color: var(--dark-red);
text-decoration: underline;
}


img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
img.squeeze {
width: 100%;
}

article img {
max-width: 100%;
}
article .left img,
article .left figcaption,
article .portrait figcaption {
max-width: 300px;
}

figure {
margin: 50px 0 40px;
}
figure.portrait {
max-width: 300px;
margin: 50px 0 40px;
}


figcaption {
margin-top: 6px;
font-size: 0.889em; /*16px*/
} 

figure::after {
content: " ";
display: block;
clear: both;
}


/*** to top ***/
.fixed {
display: none;
position: fixed;
bottom: 37px;
right: 40px;
z-index: 100;
}

.fixed a {
display: block;
line-height: 30px;
font-size: 30px; /*1.667em*/
text-align: center;
color: var(--medium-blue);
}
.fixed a:hover,
.fixed a:active {
color: var(--dark-red);
text-decoration: none;
}
/*** end to top ***/




/** album etc **/
.article_image img,
.album img {
width: 100%;
}

.album {
margin: 50px 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 10px;
}
article .album p, 
article .album figure {
position: relative;
margin: 0;
padding: 0;
min-height: 160px;
/*max-height: 160px;*/
background: #f4f4f4;
}
article .album p::before,
article .album figure::before {
content: "";
padding-top: 100%;
}
.album a.image-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.album a.image-link img {
  width: 100%;
  height: 100%;
object-fit: cover;
}

.photo-credit {
margin: -30px 0 40px;
font-size: 16px;
}

/** end album **/

.by_country h4 {
margin: 3em 0 1em;
padding: 5px 0;
color: var(--ipublue);
border-top: 1px solid var(--light-blue);
border-bottom: 1px solid var(--light-blue);
}
ul.download,
ul.external {
padding: 10px 0 0 15px;
}
p.download,
p.external {
padding: 10px 0 0 0;
}


ul.download::before,
ul.external::before,
p.download::before,
p.external::before {
display: block;
content: "\e02f";
font-size: 24px;
line-height: 1;
margin: 0 0 0 -17px;
padding-bottom: 5px;
color: var(--medium-blue);
}
p.download::before {
margin: 0;
font-size: 24px;
}
ul.external::before,
p.external::before {
content: "\e937";
font-size: 22px;
}
p.external::before {
margin: 0;
}


.left {
float: left;
margin: 10px 30px 15px 0;
}

article strong {
font-weight: 600;
}


.archive {
display: flex;
gap: 15px;
margin-top: 24px;
}
.archive p {
margin: 0; 
}
.archive a {
display: block;
padding: 6px 12px 8px;
font-family: "Roboto";
font-size: 15px;
font-weight: 500;
line-height: 1;
color: #fff;
background: var(--medium-blue);
border-radius: 3px;
}
.archive a:hover {
color: #fff;
text-decoration: none;
background: var(--dark-red);
}





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

.content {
grid-template-columns: 340px 1fr 1fr 320px;
}

}


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

header {
min-height: 300px;
background: url(../img/header_mobile.jpg);
background-size: cover;
}

.site_title {
display: grid;
grid-template-columns: 140px 1fr;
grid-template-rows: auto;
align-items: center;
column-gap: 30px;
row-gap: 0;
text-align: left;
height: 140px;
line-height: 1;
}
.emblem {
grid-column: 1 ;
grid-row: 1 / 3 ;
}
.emblem img {
width: 140px;
margin: 0;
}

.title_short {
grid-column: 2;
grid-row: 1 / 2;
align-self: end;
margin-bottom: 5px;
}

.title_long {
grid-column: 2 ;
grid-row: 2 / 3;
align-self: start;
margin-top: 5px;
font-size: 1.222em; /*22px*/
}


nav {
min-height: 0;
}
.navcolumn {
flex-flow: row nowrap;
gap: 40px;
}
.navcolumn h3 {
display: none;
}
.segment {
padding: 0;
border: 0;
}

.segment.navi {
flex-grow: 1;
order: 1;
min-width: 280px;
}
.navmain, {
padding: 0;
}

#navmainswitch,
#settings_switch {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 5px;
height: 40px;
padding: 0 10px;
font-size: 16px;
line-height: 1;
font-weight: 500;
color: var(--ipublue);
background-color: var(--light-blue);
border-radius: 3px;
}
.navmain a#navmainswitch:hover,
a#settings_switch:hover {
text-decoration: none;
color: #fff;
background-color: var(--medium-blue);
}
a#navmainswitch::before {
content: "\e5d2";
font-size: 24px;
}
a#settings_switch::before {
content: "\e939";
font-size: 20px;
padding: 0 2px;
}

.settings_block{
flex-grow: 1;
position: relative;
}

.settings_block .segment.languages{
display: block;
order: 0;
}

#settings_switch {
}
#settings_mobile {
margin-top: 15px;
}
.settings_toolbar {
width: 100%;
display: flex;
flex-flow: row nowrap;
gap: 15px;
}
.navmain.open #navmainswitch,
#settings_mobile.open #settings_switch {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.navmain.open #navmainswitch::before {
content: "\e921"; /* x */
font-size: 24px;
}
#settings_mobile.open #settings_switch::before {
content: "\e921"; /* x */
font-size: 24px;
padding: 0;
}

.navmain.open ul {
display: flex;
flex-flow: column nowrap;
}


.navmain ul,
#settings_container {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 40px;
list-style: none;
padding: 20px 20px 26px;
background-color: #fff;
border: 1px solid var(--light-blue);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
filter: drop-shadow(0px 10px 10px rgba(0,0,0,.3));
z-index: 10;
}

#settings_container {
padding: 20px;
}
#settings_container .inner {
display: flex;
flex-flow: column nowrap;
gap: 15px;
}
#settings_container .langnav {
justify-content: flex-start;
}
#settings_container a:hover {
text-decoration: none;
}



.segment.search_container {
flex-grow: 0;
order: 2;
}
.inputfield {
line-height: 40px;
}
.searchbutton {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 40px;
font-size: 22px;
line-height: 40px;
padding: 0 10px;
border: none;
text-align: right;
color: var(--medium-blue);
background: transparent;
cursor: pointer;
}


.segment.languages {
order: 3;
flex-grow: 0;
}
.langnav,
.access .links {
gap: 10px;
}
.segment.accessibility {
order: 4;
flex-grow: 0;
}
.access {
}


.main_content {
padding: 40px 50px;
grid-area: main;
}


.content {
grid-template-columns: 1fr;
grid-template-rows: max-content min-content auto min-content;
grid-template-areas: 
"header" 
"nav"
"main"
"footer";
}

footer.desktop {
display: none;
}
footer.mobile {
font-family: "Roboto";
font-size: 1em;
display: block;
padding: 40px;
}

.main_top {
padding: 0 0 10px 0;
}



}



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

header {
min-height: 260px;
}

.navcolumn .searchbox {
display: none;
}
#searchswitch {
display: block;
}
#searchswitch a,
a.searchswitch {
display: none;
width: 44px;
height: 40px;
font-size: 18px;
line-height: 40px;
text-align: center;
color: var(--ipublue);
background-color: var(--light-blue);
border-radius: 3px;
}
.de #searchswitch a.german {
display: block;
}
.en #searchswitch a.english {
display: block;
}
.fr #searchswitch a.french {
display: block;
}

a.searchswitch {
display: block;
}

#searchswitch a:hover,
a.searchswitch:hover {
color: #fff;
background-color: var(--medium-blue);
text-decoration: none;}

}



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

.navcolumn {
padding: 30px 40px;
}

}

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

article .album p, 
article .album figure {
min-height: 200px;
}


}


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

header {
min-height: 0;
}


.navcolumn,
.main_content {
padding: 20px;
}
footer.mobile {
padding-left: 20px;
padding-right: 20px;
}
.fixed {
right: 20px;
}
.title_long {
text-shadow: 0 0 4px #000;
}


}

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

.navcolumn {
gap: 20px;
}
.single .date-share {
display: block;
}

}




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

.navcolumn {
display: grid;
grid-template-columns: 1fr 4fr 1fr;
grid-template-areas:
"g1 g1 g1"
"g2 g3 g4";
gap: 20px 20px;
}
.segment.navi {
grid-area: g1;
}
.segment.search_container {
grid-area: g2;
}
.segment-languages {
grid-area: g3;
justify-self: center;
}
.segment.accessibility {
grid-area: g4;
justify-self: end;
}
.langnav {
justify-content: flex-end;
}

}



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


header {
padding: 40px 20px 50px;
}
.site_title {
height: auto;
display: flex;
flex-flow: column nowrap;
text-align: center;
}
.emblem {
order: 1;
}
.emblem img {
margin: 0 auto;
}
.title_short {
order: 2;
font-size: 2.333em; /*42px*/
align-self: auto;
margin: 0;
padding: 20px 0 10px;
}

.title_long {
order: 2;
align-self: auto;
line-height: 1.2;
margin: 0;
}


article h1 {
margin: 30px 0;
}
.blog {
grid-template-columns: 1fr;
gap: 50px 30px;
}


}


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

h1.section_title {
margin: 0 0 40px;;
}

.main_top nav {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
article .album p, 
article .album figure {
min-height: 220px;
}


}


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

.site_title span {
display: block;
}
.left {
float: none;
margin: 50px auto;
}
.left img {
width: 100%;
}



}



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

body {
font-size: 16px;
}

.main_top {
margin-bottom: 30px;
}

h1.section_title {
margin-bottom: 30px;
}
.list h1.section_title {
margin: 0 auto 30px;
max-width: 750px;
}

.morenews {
margin-top: 40px;
}
.navmain a,
#settings_mobile {
font-size: 16px;
}

article h1 {
font-size: 24px; /**30px**/
}
article h2 {
font-size: 22px; /*25px*/
}
article h3 {
font-size: 20px; /*22px*/
}
article h4 {
font-size: 18px; /*20px*/
}

footer.mobile {
padding: 20px 20px 40px;
}
.navcolumn {
display: block;
}

.segment.search_container,
.segment.languages,
.segment.accessibility {
display: none;
}

#settings_mobile {
display: flex;
}

}

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

.title_long p {
font-size: 16px;
line-height: 1.2;
}
.main_content,
.navcolumn {
padding: 20px 10px;
}
footer.mobile {
padding: 20px 10px 40px;
}
h1.section_title,
.list h1,
.single h1,
.search_results h1 {
font-size: 1.7em;
}


}