@font-face {
font-family: 'Merriweather';
src: url('../fonts/merriweather-regular.woff2') format('woff2'),
url('../fonts/merriweather-regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Merriweather';
src: url('../fonts/merriweather-italic.woff2') format('woff2'),
url('../fonts/merriweather-italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Merriweather';
src: url('../fonts/merriweather-bold.woff2') format('woff2'),
url('../fonts/merriweather-bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Merriweather';
src: url('../fonts/merriweather-boldit.woff2') format('woff2'),
url('../fonts/merriweather-boldit.woff') format('woff');
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'Raleway';
src: url('../fonts/raleway-regular.woff2') format('woff2'),
url('../fonts/raleway-regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/raleway-medium.woff2') format('woff2'),
url('../fonts/raleway-medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/raleway-semibold.woff2') format('woff2'),
url('../fonts/raleway-semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/raleway-bold.woff2') format('woff2'),
url('../fonts/raleway-bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}

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


[class*="icon"],
.readmore a::before,
a#navmaintrigger:after,
#navmain .current a:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


html {
height: 100%;
box-sizing: border-box;
}

*, *::before, *::after {
box-sizing: inherit;
}


body {
min-height: 100vh;
margin: 0;
padding: 0;
font-family: 'Merriweather', serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #000;
hyphens: manual;
-ms-hyphens: manual;
-webkit-hyphens: manual;
background-color: #fff;
}

/* main containers */

.wrapper {
max-width: 1920px;
margin: 0 auto;
background-color: #ECECEC;
}

.top_flex {
min-height: 100vh;
display: flex;
flex-direction: column;
}

header {
display: flex;
flex-flow: row nowrap;
flex-shrink: 0;
color: #fff;
background-color: #06386A;
}
main {
flex: 1;
background-color: #ECECEC;
display: flex;
flex-flow: row nowrap;
}
.whiteboard main {
background-color: #fff;
}
footer {
flex-shrink: 0;
font-family: 'Raleway', sans-serif;
font-size: .875em;
font-weight: 500;
color: #fff;
background-color: #06386A;
display: flex;
flex-flow: row nowrap;
}

/* end main containers */



/** header **/

header a {
color: #fff;
}
header a:hover,
header a:focus {
color: #C7F0FE;
}


.left {
text-align: right;
flex: 0 1 25vw;
min-width: 280px;
max-width: 380px;
}


#site_title {
display: flex;
flex-direction: column;
align-self: flex-end;
font-size: 60px;
line-height: 110%;
}

#site_title p {
margin: 30px 50px 30px 40px;
}

.center {
flex: 0 1 50vw;
max-width: 700px;
}

.center img {
width: 100%;
}

aside.right {
flex: 1 0 25vw;
max-width: 430px;
display: flex;
flex-flow: row wrap;
align-content: space-between;
}

/*** header right ***/

#langnav {
width: 100%;
margin: 0 0 0 50px;
border-left: 1px solid #6485AA;
}

#langnav a {
display: block;
float: left;
padding: 10px 20px 5px 20px;
font-family: 'Raleway', sans-serif;
font-size: 0.882em;
font-weight: 600;
line-height: 20px;
border-right: 1px solid #6485AA;
}
#langnav a.active {
color: #C7F0FE;
}

#langnav a.mail,
#langnav a.info {
font-size: 1.176em;
font-weight: normal;
}
#langnav a.info {
display: none;
float: right;
}
#langnav a.search {
font-size: 1em;
font-weight: normal;
}
a#infotrigger:after {
display: block;
text-align: center;
content: "\e905";
}
a#infotrigger.close:after {
content: "\e209";
}
.searchpage #langnav a.search {
color: #C7F0FE;
}

#siteinfo {
padding: 30px 30px 36px 50px;
font-size: 0.875em;
line-height: 1.5;
}
#siteinfo p {
margin: 0;
}
#siteinfo p:first-child {
margin-bottom: .5em;
}



/*** end header right ***/


/** end header **/



/** navmain **/

a#navmaintrigger {
display: none;
padding: 15px 16px 12px;
background-color: #06386A;
color: #fff;
font-family: "Raleway", sans-serif;
font-size: 1em;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
a#navmaintrigger:hover,
a#navmaintrigger:active {
background-color: #C7F0FE;
color: #06386A;
}

a#navmaintrigger:after {
display: block;
float: left;
margin-right: 10px;
width: 30px;
text-align: center;
content: "\e617";
font-size: 30px;
margin-top: -1px;
}
a#navmaintrigger.close:after {
content: "\e209";
font-size: 28px;
}

#navmain {
margin: 53px 50px 40px 0;
font-family: 'Raleway', sans-serif;
font-weight: 500;
}
#navmain div {
border-top: 1px dotted #666;
padding-bottom: 15px;
}
#navmain div:first-child {
border: none;
}
#navmain div:first-child h3 {
margin: 0;
padding-top: 0;
}
#navmain h3 {
margin: 0 0 15px;
padding: 20px 0 0 20px;
font-size: 1.375em;
font-weight: 500;
}

#navmain ul {
margin: 0 0 0 20px;
padding: 0;
list-style: none;
}
#navmain li {
margin: 10px 0;
}
#navmain a {
display: block;
color: #000;
}
#navmain a:hover {
color: #0a59a9;
}
#navmain .current a {
color: #000;
}
#navmain .current a:before {
padding-right: 4px;
content: "\f192";
font-size: 0.875em;
}


/** end navmain **/









/** main **/


.morenews {
display: none;
font-family: Raleway;
font-size: .875em;
font-weight: 600;
margin: 40px 20px 0 0;
padding: 30px 0 0;
border-top: 1px dotted #666;
text-transform: uppercase;
}
.home .morenews {
display: block;
}
.morenews a {
display: inline-block;
padding: 0 15px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: #06386A;
border: 1px solid #06386A;
border-radius: 4px;
}
.morenews a:hover {
color: #06386A;
background-color: #C7F0FE;
border-color: #3E96B7;
}


/*** article ***/

.center_article_wrap {
flex: 1 1 70vw;
max-width: 720px;
padding: 50px 20px 50px 0;
}
.whiteboard .center_article_wrap {
max-width: 730px;
padding: 50px 0 70px;
}

.center_article_wrap.search {
padding: 50px 20px 50px 0;
}
.whiteboard .center_article {
border-left: 1px solid #ccc;
}
.center_article article .lining {
padding: 25px 29px 30px;
border: 1px solid #ccc;
background-color: #fff;
}
.whiteboard .center_article article .lining {
padding: 0 30px 0 60px;
border: none;
}

.center_article article {
padding: 10px 0;
line-height: 1.5;
}
.whiteboard .center_article article {
padding: 0;
}

.center_article article .date {
font-family: 'Raleway';
font-weight: 500;
font-size: .882em;
margin-bottom: 20px;
}
.center_article article .date:after {
content: "";
display: block;
width: 35px;
height: 3px;
margin-top: 4px;
background-color: #FFD700;
}
.center_article article h1 {
font-size: 1.5em;
font-weight: 400;
margin: .5em 0 1em;
}
.whiteboard .center_article article h1 {
margin: 0 0 1em;
}

.center_article article h2 {
font-size: 1.250em;
font-weight: 400;
margin: 1.5em 0 1em;
}
.center_article article h3 {
font-size: 1.125em;
font-weight: 400;
margin: 1.5em 0 1em;
}

/*** end article ***/





/*** blog article ***/

.center_blog_wrap {
flex: 1 1 70vw;
max-width: none;
padding: 50px 0;
}
.center_blog {
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}

.center_blog article {
padding: 10px 20px 10px 0;
line-height: 1.5;
flex: 1 1 33.33%;
max-width: 33.33%;
}
.center_blog article .lining {
display: flex;
flex-direction: column;
padding: 20px 20px 30px;
border: 1px solid #ccc;
background-color: #fff;
height: 100%;
}

.center_blog article .date {
font-family: 'Raleway';
font-weight: 500;
font-size: .882em;
margin-bottom: 20px;
}
.nodate .date {
display: none;
}
.center_blog article .date:after {
content: "";
display: block;
width: 35px;
height: 3px;
margin-top: 4px;
background-color: #FFD700;
}
.center_blog article h3 {
font-size: 1.294em;
font-weight: 400;
margin: 0 0 1em;
}
.center_blog article h3 a {
color: #000;
}
.center_blog article h3 a:hover,
.center_blog article h3 a:focus {
color: #0A59A9;
background-color: transparent;
}

.introimage img,
.item_image img {
width: 100%;
margin: 0 0 2em;
}
.center_blog article .lining p {
margin: .5em 0;
}
.center_blog article .lining p:nth-of-type(1) {
margin-top: 0;
}

/**** video ****/

.video {
box-sizing: border-box;
text-align: center;
margin-bottom: 2em;
background-color: #eee;
}
.video iframe, .video object {
display: block;
margin: auto;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
overflow: hidden;
}
.video .videoWrapper iframe,
.video .videoWrapper object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.center_blog article .lining p.readmore {
font-family: 'Raleway';
font-weight: 600;
font-size: .875em;
line-height: 30px;
text-transform: uppercase;
margin-top: 1.5em;
margin-bottom: 0;
}
.readmore:before {
content: "";
display: block;
width: 35px;
height: 3px;
margin-bottom: 4px;
background-color: #FFD700;
}
.readmore a {
padding: 5px;
margin-left: -5px;
}

/**** end video ****/


/*** end blog article ***/





/*** blog pagination ***/

.pagination {
font-family: "Arial", sans-serif;
font-weight: 700;
margin: 40px 20px 0 0;
padding-top: 10px;
border-top: 1px dotted #666;
}
.search .pagination {
margin: 20px 0 0 60px;
}

.pagination ul {
list-style: none;
padding: 0;
}
.pagination ul li {
display: block;
float: left;
margin: 5px;
}

.pagination a {
display: block;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
color: #000;
background-color: #fff;
border: 1px solid #999;
border-radius: 4px;
}
.pagination a:hover {
color: #06386A;
background-color: #C7F0FE;
border-color: #3E96B7;
}
.pagination li.active a {
color: #fff;
background-color: #06386A;
border-color: #06386A;
}
.pagination li.disabled a {
color: #999;
border-color: #999;
}
.pagination li.disabled a:hover {
background-color: #fff;
}

.pagination li.start a::before {
content: "\e904";
font-size: 1.5em;
}
.pagination li.prev a::before {
content: "\e200";
font-size: 1.5em;
}
.pagination li.next a::before {
content: "\e205";
font-size: 1.5em;
}
.pagination li.end a::before {
content: "\e906";
font-size: 1.5em;
}


/*** end blog pagination ***/



/*** article list ***/

.category-list {
/*flex: 1 1 70vw;
max-width: none;*/
padding: 50px 0;
}
.category-list h1 {
font-size: 1.5em;
font-weight: 400;
margin: 0 0 1em;
/*padding: 0 0 10px;
border-bottom: 1px dotted #666;*/
}
.listitem {
padding: 1.25em 0 0;
}
.listitem h4 {
font-weight: 400;
margin: 0 0 5px;
}
.listitem p {
margin: 0;
font-family: 'Raleway';
font-weight: 500;
font-size: .882em;
}
.listitem p:after {
content: "";
display: block;
width: 35px;
height: 3px;
margin-top: 4px;
background-color: #fff;
}
.listitem a {
color: #0a59a9;
}
.listitem a:hover, .listitem a:focus {
color: #000;
background-color: #C7F0FE;
}


/***end  article list ***/






/*** article pagination ***/

.pagenav {
margin: 10px 0 0;
}
.pagenav ul {
list-style: none;
margin: 0 auto;
padding: 0;
}
.pagenav ul li:first-child {
display: block;
float: left;
}
.pagenav ul li:last-child {
display: block;
float: right;
}
.pagenav a {
display: block;
font-weight: 600;
color: #0A59A9;
}
.pagenav a:hover {
color: #000;
}
.pagenav li.active a,
.pagenav li.disabled a {
color: #999;

}
.pagenav li.prev a::before {
content: "\e200";
font-size: 2em;
}
.pagenav li.next a::before {
content: "\e205";
font-size: 2em;
}



/*** end article pagination ***/




/*** search ***/

.inputbox, .searchbutton {
font: 400 1em/normal 'Raleway', sans-serif;
	}
.inputbox_top {
display: block;
width: 100%;
padding: 20px;
font: 400 1em/normal 'Raleway', Arial, Helvetica, sans-serif;
background-color: #fff;
border: 1px solid #999;
border-radius: 4px;
}


.searchbutton {
display: block;
width: auto;
margin: 1em 0;
padding: 15px 30px;
font: 700 0.875em/1 'Raleway', Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
background-color: #06386A;
border: none;
border-radius: 4px;
cursor: pointer;
letter-spacing: 1px;
}
.searchbutton:hover {
color: #000;
background-color: #FFD700;
}

.searchintro  {
font: 600 1em/1 'Raleway', Arial, Helvetica, sans-serif;
margin: 3em 0 1em;
}
.form-limit {
margin-bottom: 2.5em;
font: 600 1em/1 'Raleway', Arial, Helvetica, sans-serif;
padding-bottom: 1em;
border-bottom: 1px dotted #666;
}

.result-title {
margin: 20px 0 5px;
}
.result-category {
color: #666;
}

.searchres {
padding-bottom: 20px;
}
.result-text {
font-size: .875em;
}

.searchpage .center_article {
min-height: 100%;
overflow: visible;
}

.whiteboard.searchpage .center_article article .lining {
padding-right: 10px;
border: none;
}

/*** end search ***/



/** end main **/






/** footer **/

footer div.left {
padding: 30px 50px 40px 20px;
}
footer div.copyright {
flex: 1 1 75vw;
text-align: right;
align-self: flex-end;
padding: 30px 50px 40px 20px;
}
footer a {
color: #C7F0FE;
}
footer a:hover,
footer a:focus {
color: #fff;
}
footer h3 {
margin: 0 0 .5em;
font-weight: 400;
font-size: 1.250em;
}
/** end footer **/



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

.fixed a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
text-align: center;
color: #000;
background-color: #FFD700;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
}
.fixed a:hover,
.fixed a:active {
color: #06386A;
background-color: #C7F0FE;
}
/* end to top */




/* standard tags */

img {
display: block;
border: none;
}
a {
text-decoration: none;
outline: none;
}
h4 {
font-size: 1em;
font-weight: 700;
}
p {
margin: 1em 0;
}

ul {
padding-left: 1em;
}
ul li {
margin-bottom: .5em;
}

/* end standard tags */



article a {
color: #0a59a9;
}
article a:hover, article a:focus {
color: #000;
background-color: #C7F0FE;
}
sup {
font-size: .5em;
}


/* misc. */

.clearfloats:after {
content: " ";
display: block;
height: 0;
visibility: hidden;
clear: both;
}

.boxed {
padding: 20px;
background-color: #ececec;
}

ul.topspace {
margin-top: 3em;
}

.imageset {
margin: 2em 0;
}
.imageset img {
width: 100%;
}

.separator {
font-family: 'Raleway', sans-serif;
/*font-weight: 600;*/
font-size: 40px;
line-height: 1;
color: #ffd700;
margin: .25em 0;
}



.spaced li {
margin-bottom: 1em;
}
img.textimage {
width: 100%;
}
.bordered {
border: 1px solid #ccc;
}
.imageset {
margin: 1.5em 0;
}
.caption {
line-height: 130%;
font-family: 'Raleway', sans-serif;
font-size: .875em;
margin-top: .75em;
}
.separator {
font-family: 'Raleway', sans-serif;
font-size: 40px;
line-height: 100%;
color: #ffd700;
margin: .25em 0;
}

/* end misc. */





/* gallery & video */


.gallery .center_article_wrap,
.videoblog .center_article_wrap {
flex: 1 1 1100px;
max-width: 1100px;
padding: 50px 0 70px;
}
.gallery .center_article article .lining,
.videoblog .center_article article .lining {
padding: 0 30px 0 0;
border: none;
background-color: transparent;
}
.gallery .center_article article,
.videoblog .center_article article {
padding: 0;
}

.gallery .center_article article h1,
.videoblog .center_article article h1 {
margin: 0 0 1em;
}

#gallery,
#album {
margin: 2em 0 0;
display: flex;
flex-flow: row wrap;
}
#gallery a {
flex: 0 1 25%;
padding: 30px;
background-color: #fff;
border: 1px solid #ececec;
}
#album a {
flex: 0 1 33.33%;
padding: 30px;
background-color: #ececec;
border: 1px solid #fff;
}

#gallery a img,
#album a img {
width: 100%;
}

#videoblog {
margin: 2em 0 0;
display: flex;
flex-flow: row wrap;
}
#videoblog .item {
flex: 0 1 50%;
padding: 30px;
background-color: #fff;
border: 1px solid #ececec;
}


/* end gallery & video */




/* Article gallery */

.box_grid {
display: flex;
flex-flow: row wrap;
align-items: stretch;
margin: 0 -10px;
}

.box_grid .item {
border: 10px solid transparent;
background-clip: padding-box;
/*background-color: #f4f4f4;*/
}

.box_grid.two .item {
flex: 1 1 50%;
max-width: 50%;
}


.box_grid .item img {
width: 100%;
}












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

.center_blog article {
flex: 1 1 50%;
max-width: 50%;
}
.whiteboard .center_article article .lining {
padding: 0 30px 0 50px;
}

}



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

.left {
flex: 0 1 20vw;
}
#site_title {
font-size: 50px;
}
#site_title p {
margin-right: 40px;
}

#siteinfo {
padding-left: 40px;
font-size: .813em;
}
#navmain {
margin: 55px 40px 40px 0;
}
footer div.left {
padding: 30px 40px 40px 20px;
}


}



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

header {
flex-flow: row wrap;
}

aside.right {
order: 1;
flex: 1 0 100%;
max-width: none;
background-color: #000;
}
#site_title {
order: 2;
}
.center {
order: 3;
}
#langnav a#infotrigger {
display: block;
padding: 15px 25px;
float: right;
border-right: none;
border-left: 1px solid #666;
}
#siteinfo {
display: none;
padding: 30px 40px;
font-size: 1em;
color: #000;
background-color: #ececec;
}
#langnav {
margin: 0;
width: 100%;
border: none;
}
#langnav a {
padding: 15px 26px 15px 25px;
border-right: 1px solid #666;
}
#langnav a.mail {
/*border-right: none;*/
}

}






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

header, main {
flex-flow: column;
}
aside.right {
flex: 1 1 auto;
max-width: none;
background-color: #000;
}
header .left, main .left {
flex: none;
max-width: none;
min-width: 0;
text-align: left;
}
#site_title {
min-width: 100%;
font-size: 48px;
}
#site_title p {
margin: 30px 20px;
}
.center {
flex: 1 1 auto;
max-width: 100%;
}


main {
padding-top: 0;
}
.center_blog_wrap {
padding: 30px 0 40px 20px;
}

.center_blog article {
flex: 1 1 50%;
max-width: 50%;
}

.center_article_wrap {
max-width: 700px;
padding: 20px 0 40px;
margin: 0 auto;
}
.whiteboard .center_article {
border: none;
}
.whiteboard .center_article article .lining {
padding: 0 20px;
border: none;
}

.gallery .center_article_wrap,
.videoblog .center_article_wrap {
max-width: none;
padding: 50px 20px 70px;
}
.gallery .center_article article .lining,
.videoblog .center_article article .lining {
padding: 0;
}




#navmain {
display: none;
margin: 0;
text-align: left;
background-color: #fff;
}

a#navmaintrigger {
display: block;
/*border-bottom: 1px solid #fff;*/
}

#navmain div,
#navmain div:first-child {
border-top: none;
border-bottom: 2px solid #ccc;
padding-bottom: 0;
}
#navmain div:last-child {
display: none;
}

#navmain h3,
#navmain div:first-child h3 {
margin: 0;
padding: 15px 20px;
}

#navmain ul {
margin: 0;
}
#navmain ul li {
margin: 0;
border-top: 1px dotted #666;
}
#navmain ul li:last-child {
border-bottom: none;
}
#navmain a {
padding: 10px 20px;
}
#navmain a:hover {
background-color: #C7F0FE;
color: #000;
}

footer .left {
flex: 0 1 50vw;
text-align: left;
padding-bottom: 0;
}
footer div.copyright {
flex: 1 1 50vw;
}

}






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

.center_blog_wrap {
padding: 30px 0 40px;
}
.center_article_wrap,
.whiteboard .center_article_wrap,
.center_article_wrap.search {
flex: 1 1 auto;
width: 100%;
max-width: 720px;
padding: 50px 20px;
}
.whiteboard.searchpage .center_article article .lining {
padding: 0;
}
.center_blog article {
flex: 1 1 auto;
max-width: 682px;
padding: 10px 0;
margin: 0 auto;
}
.morenews {
margin: 40px auto 0;
max-width: 682px;
}
.pagination {
max-width: 682px;
margin: 40px auto 0;
}
.center_article_wrap.search {
padding: 50px 20px;
}
.search .pagination {
margin: 20px auto 0;
}

#gallery a {
flex: 0 1 33.33%;
}
.videoblog .center_article_wrap {
padding: 50px 20px;
}

}





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

#videoblog {
display: block;
}
#videoblog .item {
padding: 20px;
border: none;
margin-bottom: 20px;
}

}




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


footer {
display: block;
}
footer div.left {
flex: 1 1 auto;
padding: 30px 20px 0 20px;
}
footer div.copyright {
flex: 1 1 auto;
text-align: left;
align-self: flex-end;
padding: 0 20px 30px;
}


}



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

.morenews {
margin: 40px 20px 0 ;
}

}




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

.pagination {
padding: 10px 15px 0;
border: none;
margin-top: 0;
}
.searchpage .pagination {
margin-top: 20px;
border-top: 1px dotted #666;
margin: 20px -20px 0;
}

.morenews {
margin: 40px 20px 0;
padding: 0;
border-top: none;
}

.box_grid.two .item {
flex: 1 1 100%;
max-width: none;
}

}


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


#site_title {
font-size: 42px;
}
#siteinfo {
padding: 30px 20px;
}


/*.morenews {
padding: 30px 20px 0 20px;
}*/
.center_article_wrap {
padding: 0 0 30px;
}
.center_article article {
padding: 0;
}
.center_blog article .lining,
.center_article article .lining {
border-left: none;
border-right: none;
padding-left: 20px;
padding-right: 20px;
}
.pagenav {
margin: 20px 20px 0;
}

.center_blog_wrap {
padding: 10px 0 30px;
}
.center_article_wrap,
.whiteboard .center_article_wrap,
.videoblog .center_article_wrap,
.gallery .center_article_wrap {
padding: 50px 0;
}
.whiteboard.searchpage .center_article_wrap.search {
padding: 50px 20px;
}
.videoblog h1,
.gallery h1 {
padding: 0 20px;
}
#album {
margin: 2em -20px;
}


}




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

#site_title {
font-size: 36px;
}
.center_article_wrap,
.whiteboard .center_article_wrap,
.videoblog .center_article_wrap,
.gallery .center_article_wrap {
padding: 30px 0;
}
.whiteboard.searchpage .center_article_wrap.search {
padding: 30px 20px;
}

#gallery a,
#album a {
padding: 20px;
}

}


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

#langnav a#infotrigger {
/*float: left;*/
border-left: none;
}


}



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

#site_title {
font-size: 36px;
}
#langnav a {
padding: 15px 20px;
}
#gallery a,
#album a {
flex: 0 1 50%;
padding: 20px;
}

}