/* Header */

/* This creates empty space to header, hide it */

html {height: 100%; scroll-behavior: smooth;}
body {height: 100%;}

/* Custom web fonts */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(../fonts/Montserrat-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
/* Custom web fonts end */

#s4-bodyContainer { background: #f7f7f5 url('../images/eu_pj_background_img.jpg') 100% 0 no-repeat fixed}
#s4-bodyContainer { background-size: 100%}

#edk-page-title { font-family: 'Montserrat'; font-size: 26px; color: #003D65; margin-top: 0; }
#edk-page-ingress p { font-family: Helvetica; font-size: 16px;  color: #404040; font-weight: bold;  margin: 10px 0 20px 0; }
#edk-page-image { margin: 10px 0; }
#edk-page-content {  font-family: Helvetica; font-size: 14px; color: #404040; margin: 10px 0; }

.edk-item-content a:hover {text-decoration: none; }

#s4-workspace > span:first-child {display: none}

.edk-logo {
    margin: 22px 20px 20px 20px;
    width: auto;
}
.parleu-logo {
    margin: 22px 20px 20px 20px;
    width: 310px;
    float: right;
}
.edk-logo img, .parleu-logo img { height: 45px; width: auto; }

#toollinks-wrapper {
    background-color: #4288B9;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.24);
    float: left;
    width: 100%;
    height: 48px;
}
#toollinks .langlinks {font-size:12px; text-align:right; padding-top:10px; color: #fff;  }
#toollinks .langlinks a { padding: 0 7px 0 2px; color: #fff;}
#toollinks .langlinks a.active { font-weight: bold; }

#toollinks > div { display: inline-block; }

#toollinks .somelinks {padding: 0 10px 0 10px; opacity: 0.5 }
#toollinks .somelinks a {padding: 0 15px 0 10px }

#TopNavigation-div {
    margin-top: 15px;
}
#edk-header {
    margin-bottom: 40px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.24);
}
/* End Header */

h1 { color: #003D65; font-size: 32px; }
h2.ms-webpart-titleText,
h2.ms-webpart-titleText.ms-webpart-titleText, 
h2.ms-webpart-titleText > a
{ border: none; color: #003D65; font-size: 26px; font-weight: lighter; }


.edk-container-frontpage #top-area > div:last-child {margin-bottom: 20px; }
.edk-container-frontpage.edk-container-subfrontpage #top-area > div { width:100%; }
.edk-container-frontpage #top-area > div {margin-right: 0; width: 582px; }
.edk-container-frontpage #twocol-area > div {margin-right: 15px; border-right: 0; width: 575px; }


/* tapahtumanosto  */
#tapahtumanosto .edk-item-event {
	background: #003D65;
	color: #fff;
    /*border-right: 15px solid #f7f7f5;*/
    margin-right: 15px;
    max-width: 280px;
    padding: 0;
    margin-bottom: 16px;
    min-height: 240px;
}
#tapahtumanosto .edk-item-content {padding: 16px 16px 36px 16px;}
#tapahtumanosto h4.edk-eventdate { margin: 0 0 15px 0; color: #fff; font-size: 16px; font-weight: normal;}
#tapahtumanosto h3.edk-eventtitle { margin: 15px 0 22px 0; color: #fff; font-size: 16px; font-weight: normal; }
#tapahtumanosto div.edk-eventlocation {position: absolute; bottom: 16px;}
#tapahtumanosto div.edk-eventlocation span.glyphicon-map-marker {display: table-cell; font-size: 22px; float: left; color: #fff }
#tapahtumanosto div.edk-eventlocation p {font-size: 11px; line-height: 14px; font-family: Helvetica; padding: 0 26px 0 10px; display: table-cell; color: #fff }
#tapahtumanosto span.edk-eventstatus,
#tapahtumanosto_lista span.edk-eventstatus,
#maincontent #edk-event-statustext {
    color: #003D65;
    font-size: 12px;
    font-weight: bold;
    background: #B7D5E3;
    padding: 5px;
    margin: 10px 0 10px 0;
    border-radius: 3px;
    white-space: nowrap;
}
#tapahtumanosto .controls > a > span {
    color: #4D4843;
	font-size: 30px;
}

.edk-hero-container {
  position: relative;
  text-align: center;
  color: white;
}
.edk-hero-container h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 64px;
  margin: 0;
}

.row.edk-eventsheader .edk-eventtitles { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

#tapahtumanosto_lista .row {margin: 0}
#tapahtumanosto_lista .edk-item { padding-right: 0; padding-left: 0; }
#tapahtumanosto_lista .edk-item-event { background: #fff; margin-bottom: 16px; padding-bottom: 16px; }
#tapahtumanosto_lista .edk-item-content {padding: 16px 0 16px 0; }
#tapahtumanosto_lista h3 { font-size: 14px; line-height: 22px; margin: 0; color: #404040;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  }
#tapahtumanosto_lista h4.edk-eventdate { font-size: 16px; margin: 0 0 10px 0; color: #847C74; font-weight: normal; font-family: 'Montserrat'; }
#tapahtumanosto_lista span.edk-eventstatus { margin-top: 0; }
#tapahtumanosto_lista span.edk-eventlocation { color: #404040; line-height: 22px; font-family: Helvetica; padding: 0; }
#tapahtumanosto_lista span.edk-policyareas { font-weight: bold; }

#uutisnosto > div { background: white; padding: 0; max-width: 280px; margin-right: 15px; /*border-right: 15px solid #f7f7f5;*/ }
#uutisnosto div.edk-item-content .edk-newscontent { padding: 16px;}
#uutisnosto span.edk-newsdate {color: #847C74;font-family: Helvetica;font-size: 11px;}
#uutisnosto h3.edk-newstitle {color: #4288B9; font-size: 20px; margin-top: 0;}
#uutisnosto p.edk-newsingress {color: #404040;font-family: Helvetica;font-size: 14px;}

#tapahtumanosto_header > div,
#uutisnosto_header > div { padding-left: 0}
#tapahtumanosto_header h2,
#uutisnosto_header h2 { color: #003D65; font-size: 26px; font-weight: lighter; padding-left: 0; }
#tapahtumanosto_header .edk-show-more,
#uutisnosto_header .edk-show-more { float: right; font-size: 16px; }
#tapahtumanosto_header .edk-arrow-right,
#uutisnosto_header .edk-arrow-right { padding-left: 5px}

#edk-event-contacts .row > div,
.contactnosto > div { background: white; padding: 0; max-width: initial; margin-right: 15px; /*border-right: 15px solid #f7f7f5;*/ }
#edk-event-contacts div.edk-item-content .edk-contactcontent,
.contactnosto div.edk-item-content .edk-contactcontent { padding: 16px;}
#edk-event-contacts h3.edk-contactname,
.contactnosto h3.edk-contactname {color: #4288B9 !important; font-size: 20px !important; margin-top: 0 !important; font-weight: 500 !important; margin-bottom: 8px}
#edk-event-contacts p.edk-jobtitle,
.contactnosto p.edk-jobtitle {color: #404040;font-family: Helvetica;font-size: 14px; font-weight: bold;margin-bottom: 0; line-height: 22px;}
#edk-event-contacts p.edk-contactemail,
.contactnosto p.edk-contactemail {color: #4288B9 !important; font-family: Helvetica;font-size: 14px; line-height: 22px; margin: 0;}
#edk-event-contacts p.edk-contactphone,
.contactnosto  p.edk-contactphone {color: #404040 !important; font-family: Helvetica;font-size: 14px; line-height: 22px; margin: 0;}
.edk-contact-group-header {margin: 20px 0 10px 0;}
.edk-contact-group-header > div {padding-left: 0;}
#contactnosto .edk-item {border-bottom: 0; margin-bottom: 0;}
.contactnosto img { width: 100%; }

#edk-event-contacts .row > div { border-right: 0; max-width: initial; }
#edk-event-contacts .row > div img { width: 315px; }

#edk-somelinks-content {
	background: #fff;
	padding: 10px;
}
#edk-somelinks-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#edk-somelinks-content h3 {
    color: #003d65;
}
#edk-somelinks-content h3,
#edk-somelinks-content li {
	border-bottom: 1px solid #d8d3cd;
}
#edk-somelinks-content h3,
#edk-somelinks-content li a {
    margin: 0;
	padding: 20px 0 20px 0;
    display: block;
    font-size: 20px;
    font-family: Montserrat;
}
#edk-somelinks-content li a img {
	padding-right: 20px;
    width: 35px;
    display: inline-block;
}
#edk-somelinks-content li a .glyphicon {
    float: right;
    padding-right: 10px;
    font-weight: lighter;
}

.eupj-bg-white { background: white}
.eupj-padding0 { padding: 0}

/* Common content page */
#leftnavigation { padding-left: 16px; border-right: 1px solid #979797; }
#rightcolumn { margin: -15px 0; border-left: 15px solid #f7f7f5}

a.edk-white-btn { 	
    width: 100%;
    max-width: 248px;	
    color: #003D65;	
    font-family: Helvetica;	
    font-size: 14px;	
    font-weight: bold;	
    line-height: 17px;	
    text-align: center;
    border: 1px solid #003D65;
    padding: 8px 0 7px 0;
    margin: 10px 0 10px 0;
    display: block;
    text-decoration: none;
}
a.edk-white-btn:hover {
    color: #fff;
    background: #003D65;
}
/* Common content page ends */

/* Single event page */
#leftnavigation > div { margin-bottom: 8px }
#leftnavigation  #nav_title { font-weight: bold; font-size: 16px; margin-bottom: 10px; }

#maincontent #edk-eventdate {  font-size: 22px; display: inline-block; margin: 0; color: #847C74; font-weight: normal; font-family: 'Montserrat';  }
#maincontent #edk-event-statustext { padding: 5px 8px 5px 8px; margin: 0 0 0 10px; }

.edk-news-article #maincontent h1.ms-rteElement-eduskuntaH1 { margin: 15px 0 0 0; font-size: 28px; color: #003D65}
.edk-news-article #maincontent h2 { font-size: 26px; color: #003D65; font-family: 'Montserrat';}
.edk-news-article #maincontent h3 { font-size: 14px; margin: 5px 0; font-weight: bold;font-family: Arial, Helvetica, sans-serif}
#maincontent .edk-eventlocationaddress {font-size: 14px; font-family: Arial, Helvetica, sans-serif}

#maincontent .edk-event-sections { margin: 30px 0 30px 0; }
#maincontent #edk-event-policyarea-wrapper { margin: 15px 0 15px 0; }
#maincontent #edk-event-policyareatitle { font-weight: bold; font-size: 16px; text-transform: uppercase; display: inline-block; padding-right: 5px; }
#maincontent #edk-event-policyareas { font-size: 14px; text-transform: uppercase; }
#maincontent #edk-event-hashtags-wrapper {margin-top: 30px; }
#maincontent #edk-page-somelinks { margin: 10px 0 10px 0; } 

#maincontent #edk-page-somelinks a.twitter-share-button {
    height: 25px;
    padding: 2px 6px 2px 6px;
    margin-right: 6px;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
}
    #maincontent #edk-page-somelinks a.twitter-share-button i {
        position: relative;
        top: 2px;
        display: inline-block;
        width: 14px;
        height: 14px;
        background: transparent url('../images/Twitter_logo_white.svg') 0 0 no-repeat;
        background-size: 14px 14px;
    }
    #maincontent #edk-page-somelinks a.twitter-share-button span {
        white-space: nowrap;
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
    }

#maincontent #edk-event-pageimage img {width: 100%} 
#maincontent #edk-event-ingress {margin: 20px 0 20px 0; font-weight: bold; }
#maincontent #edk-eventagenda-wrapper h3 { margin: 20px 0 20px 0 }
#maincontent #edk-eventagenda-wrapper h3,
#maincontent #edk-eventagenda-wrapper h4 { font-size: 16px; font-weight: bold; font-family: 'Montserrat'}
#maincontent #edk-eventagenda-wrapper p,
#maincontent #edk-eventagenda-wrapper ul { font-size: 14px; font-family: Arial, Helvetica, sans-serif}
#maincontent #edk-eventagenda-wrapper ul { margin: 0; padding: 0 0 0 15px }

#maincontent #edk-eventlocation-map #gmap_canvas { position: relative; height: 100%; width: 100%; }
#maincontent #edk-eventlocation-map .mapouter {position:relative;text-align:right;height:250px;width:100%;}
#maincontent #edk-eventlocation-map .gmap_canvas {overflow:hidden;background:none!important;height:250px;width:100%;}

#maincontent #edk-event-media .edk-event-media-thumb { margin-bottom: 10px; background: none 50% 50% no-repeat; width: 315px; height: 200px; }
#maincontent #edk-event-media .edk-event-media-thumb a { 
    display: block; 
    width: 315px; 
    height: 200px; 
    background: white; 
    opacity: 0; 
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#maincontent #edk-event-media .edk-event-media-thumb a:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
#maincontent #edk-event-media .row > div:last-child {padding-right: 0; padding-left: 0; }
#maincontent #edk-event-media .row > div:last-child > div {margin-right: 15px; float: right;}

#maincontent #edk-event-contacts .edk-item {margin-bottom: 0}
#maincontent #edk-event-contacts .edk-items .edk-item {border-bottom: 0;}
#maincontent #edk-event-contacts .col-sm-6 { padding-left: 0 }
#edk-event-contacts .row {margin-left: 0}

/* Single event page ends */

/* Single news page*/

#edk-news-info #edk-newsdate { color: #847C74; font-family: Helvetica; font-size: 12px; margin: 6px 0 16px 0; display: inline-block; }
#edk-news-buttonwrapper { border-top: 1px solid #979797; margin-top: 16px; padding-top: 16px; display: inline-block; width: 100%; }
#edk-news-info textarea { width: 100%; height: 100px; }

/* Single news page ends */

/* News list page */
#uutisnosto_lista .row {margin-left: 0; margin-bottom: 16px}
#uutisnosto_lista .row > div { background: white; padding: 0; max-width: 274px; margin-right: 15px; /*border-right: 15px solid #f7f7f5;*/ }
#uutisnosto_lista div.edk-item-content .edk-newscontent { padding: 16px;}
#uutisnosto_lista span.edk-newsdate {color: #847C74;font-family: Helvetica;font-size: 11px;}
#uutisnosto_lista h3.edk-newstitle {color: #4288B9; font-size: 20px; margin-top: 0;}
#uutisnosto_lista p.edk-newsingress {color: #404040;font-family: Helvetica;font-size: 14px;}


/* Contact list page */
#contacts_lista .row {margin-left: 0; margin-bottom: 16px}
#contacts_lista .row > div { max-width: 274px; }
#contacts_lista h2 { color: #003D65; font-family: 'Montserrat'; font-size: 26px; line-height: 30px; margin-bottom: 0 }

/* Contact list page ends */

.eupj-img-caption { color: #847C74;	font-family: Helvetica;	font-size: 12px; padding-left: 10px; width: 100%;  margin-bottom: 20px; display: block; margin-top: -5px; }
.eupj-img-caption.eupj-img-margin15  {margin-top: -15px;}
.eupj-img-caption.eupj-img-margin25 {margin-top: -25px;}

/* nostot */
#rightcolumn .edk-items {margin: 10px 0 20px 0;}
#rightcolumn .edk-items h3 { margin-bottom: 0; color :#847C74 !important; font-size: 18px !important; font-weight: normal !important; font-family: 'Montserrat' !important; }
#rightcolumn .edk-items .eupj_newslink { font-size: 12px;  font-weight: bold; }
#rightcolumn .edk-items .eupj_newsdate { font-size: 11px; color: #979797 }
#rightcolumn .edk-items .edk-item { border-bottom: 1px solid #F0EEEB; padding: 10px 0; }

#edk-footer { background: #05316E; }
#footer {
    margin-top: 20px;
    background: #05316E url("../images/footer_bg.png") top left no-repeat;
    color: #fff;
    padding: 40px 0 5px 0;
}
#footer #linkarea {
    margin: 0;
    background: transparent;
    padding: 0;
}
#footer #eupj-footer-logo img { width: 90% }
#footer p {padding-top: 5px;}
#footer .somelinks {padding: 10px 0 0 0 }
#footer .somelinks a {padding: 0 15px 0 10px }
#footer .somelinks a:first-child {padding-left: 0;}

.edk-show-on-mobilemode {display: none !important;}
.edk-show-on-desktopmode {display: block !important;}

.edk-container-frontpage .ms-rte-embedil,
.edk-news-article .ms-rte-embedil {display: block;}
.eupj_iframe_wrapper {width: 100%; max-width: 645px; height: 100%; margin: 0 auto; background: #CCC}
.h_iframe {position: relative; padding-top: 56%;}
.h_iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* small desktop */
@media screen and (max-width: 1199px) {
    .edk-show-on-mobilemode {display: none !important;}
    .edk-show-on-desktopmode {display: block !important;}
    #uutisnosto > div,
    #tapahtumanosto .edk-item-event { max-width: 228px; }
    #tapahtumanosto h4.edk-eventdate { font-size: 13px; }
    #tapahtumanosto h3.edk-eventtitle {  font-size: 13px; padding-bottom: 30px; }
    #maincontent #edk-event-media .edk-event-media-thumb { width: 268px; }
    #maincontent #edk-event-media .edk-event-media-thumb a {  width: 268px; }
    #edk-event-contacts .row > div img { width: 258px; }

    #contacts_lista .row > div,
    #uutisnosto_lista .row > div {max-width: 223px;}

    .edk-container-frontpage #twocol-area > div { width: 470px; } 
    .edk-container-frontpage #top-area > div { width: 477px; }

    .eupj_iframe_wrapper {max-width: 527px;} 
}
/* tablet */
@media screen and (max-width: 992px) {

    .edk-show-on-mobilemode {display: none !important;}
    .edk-show-on-desktopmode {display: block !important;}
    #parleu-desktop-logos {display: none;}

    #toollinks-wrapper { display: none; }

    #edk-header .container:first-child {position: relative; height: 42px}
    .parleu-logo, .edk-logo { margin: 0; position: absolute; }
    .parleu-logo { right: 0; top: 4px; width: 150px; }
    .edk-logo { left: 20px; top: 4px; width: 120px; }
    .parleu-logo img {width: 150px; }
    .edk-logo img {width: 120px; }

    /* Hide mobile search */
    #edk-header .search-btn { display: none; }

    .navbar { min-height: 15px !important; }
    .navbar-header { min-height: 10px !important; margin-top: 5px; }
    .navbar-default .navbar-toggle { margin: 0; padding: 0; padding-bottom: 10px; }

    #HamburgerNavigation-div .somelinks { display: inline-block; padding: 0 10px 0 16px; }
    #HamburgerNavigation-div .somelinks a { padding: 0 10px 0 6px; }
    #HamburgerNavigation-div .langlinks { display: inline-block; }
    #HamburgerNavigation-div .langlinks a { padding: 0 7px 0 2px; }

    #uutisnosto > div,
    #tapahtumanosto .edk-item-event { max-width: 173px; }
    #tapahtumanosto h4.edk-eventdate { font-size: 14px; }
    #tapahtumanosto span.edk-eventstatus { font-size: 11px; }
    #tapahtumanosto h3.edk-eventtitle {  font-size: 12px; }
    #footer .somelinks a { padding-right: 0; }

    .row.edk-eventsheader {display: none;}
    #tapahtumanosto_lista h3 { margin-top: 22px; }

    #maincontent #edk-event-media .edk-event-media-thumb { width: 205px; }
    #maincontent #edk-event-media .edk-event-media-thumb a {  width: 205px; }
    #edk-event-contacts .row > div img { width: 195px; }
    #edk-event-contacts h3.edk-contactname { font-size: 16px; }
    #edk-event-contacts p.edk-jobtitle { font-size: 12px; }
    #edk-event-contacts p.edk-contactphone { font-size: 11px; }
    #edk-event-contacts p.edk-contactemail { font-size: 11px; }

    #contacts_lista .row > div,
    #uutisnosto_lista .row > div {max-width: 169px;}

    .edk-container-frontpage #twocol-area > div { width: 360px; }
    .edk-container-frontpage #top-area > div { width: 367px; }
    .edk-container-frontpage h1 { font-size: 20px; }

    .eupj_iframe_wrapper {max-width: 407px;} 

    #bottom-area iframe { max-height:450px !important; height: 450px !important; }
}

/* phone horizontal */
@media screen and (max-width: 767px) {

    .parleu-logo { right: 20px }
    .navbar-default .navbar-toggle {margin-right: 20px }
   
    .edk-container-frontpage #top-area > div {padding-left: 15px; margin-bottom: 0;}
    #content-area img { width: 100% }

    .edk-hero-container h1 {font-size: 40px;}
    #tapahtumanosto,#uutisnosto { margin: 0; }
    #uutisnosto > div,
    #tapahtumanosto .edk-item-event { max-width: 100%; border-right: 0; }
    .edk-item-content { margin-bottom: 16px; }
    #tapahtumanosto h4.edk-eventdate { font-size: 16px; }
    #tapahtumanosto span.edk-eventstatus { font-size: 12px; }
    #tapahtumanosto h3.edk-eventtitle {  font-size: 16px; padding-bottom: 20px;  }
    #tapahtumanosto_header .edk-show-more,
    #uutisnosto_header .edk-show-more {
        float: none;
    }
    .edk-show-on-mobilemode {display: block !important;}
    .edk-show-on-desktopmode {display: none !important;}
    #maincontent #edk-event-media img { width: 100%;}
    #maincontent #edk-event-media .row > div { margin: 10px 0 10px 0; padding: 0; }
    #edk-event-contacts .row > div img { width: 100%; }
    #edk-event-contacts h3.edk-contactname { font-size: 20px; }
    #edk-event-contacts p.edk-jobtitle { font-size: 16px; }
    #edk-event-contacts p.edk-contactphone { font-size: 16px; }
    #edk-event-contacts p.edk-contactemail { font-size: 16px; }

    #contacts_lista .row > div,
    #uutisnosto_lista .row > div {max-width: 100%;}

    .edk-container-frontpage #twocol-area > div  { width: 100%; }
    .edk-container-frontpage #top-area { margin: 0}
    .edk-container-frontpage #top-area > div { width: 100%; padding-left: 0; }
    .edk-container-frontpage #top-area > div:last-child { padding: 15px}
    .edk-container-frontpage.edk-container-subfrontpage #top-area > div:last-child { padding: 0; }
    .edk-container-frontpage #tapahtumanosto { margin-left: 15px; }
    .edk-container-frontpage #tapahtumanosto_header, .edk-container-frontpage #uutisnosto_header {padding-bottom: 15px; }
    .edk-container-frontpage #uutisnosto_header {margin: 0; }
    .edk-container-frontpage #uutisnosto > div {margin-right: 0}
    .edk-container-frontpage #twocol-area { margin-right:0; margin-left: 0;}
    .edk-container-frontpage h1 { font-size: 26px; }

    #edk-event-media .row {margin-left: 0; margin-right: 0;}

    #footer #linkarea .row > div {margin-bottom: 20px;}

    .eupj_iframe_wrapper {max-width: 757px;} 

    #bottom-area iframe { max-height: 400px !important; height: 400px !important; }
}

@media screen and (max-width: 660px) {
    #bottom-area iframe { max-height: 340px !important; height: 340px !important; }    
}
 @media screen and (max-width: 560px) {
    #bottom-area iframe { max-height: 280px !important; height: 280px !important; }    
}   
 @media screen and (max-width: 460px) {
    #bottom-area iframe { max-height: 230px !important; height: 230px !important; }    
}

/* phone vertical */
@media screen and (max-width: 360px) {
    .parleu-logo, .edk-logo { margin: 0;  position: absolute; }
    .parleu-logo {  left: 20px; top: 0px; }
    .edk-logo { left: 20px; top: 34px; }

    #HamburgerNavigation-div .langlinks {margin-bottom: 10px;}
    #HamburgerNavigation-div .somelinks {padding-left: 0;}

    .eupj_iframe_wrapper {max-width: 340px;} 
    #bottom-area iframe { max-height: 200px !important; height: 200px !important; }
}