body{
	margin: auto;
	background-color: white;
	padding-bottom: 2em;
}


html {
    font-family: "Lucida Sans", sans-serif;
		font-size: 1em;
}

h2 {
	font-family: Georgia, serif;
	font-weight : normal;
}

p{
	margin:0 0em;
}

* {
    box-sizing: border-box;
}

#frame{
	min-height: 100vh;
	margin:auto;
}

#site-logo img{
	max-width:100%;
}


.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}
ul.ul-horizontal, ul.ul-vertical {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.ul-horizontal li, ul.ul-vertical.li {
    padding-right: 0.5em;
    margin-bottom: 7px;
    color: #ffffff;
}

ul.ul-vertical:not(:has(li + li)) {
  display: none
}

#menu-language ul li {
	display:inline;
}
.menu li:hover {
    background-color: #0099cc;
}

#menu-main div {
	display:block;
}

img {
    max-width: 100%;
    height: auto;
}
a {
	color:black;
	text-decoration:none;
}

li a {
	display:inline-block;
	padding:0.5em;
	height:inherit;
	width:inherit;
    font-weight: normal;
}

a.linkAcitve {
	color: #0399ee;
}


#article-image-caption{
	color: gray;
	font-size: 0.8em;
	margin-bottom: 1.5em;
}

  .partner-logo {
      width: 100%;
      padding: 1em;
      text-align: center;
  }

  #text {
  text-align: left;
  }

div > iframe {
	height: 600px;
}

@media only screen and (max-width: 1024px) {
    /* For mobile: */
    #menu {
    display:block;
    width:100;
    position: fixed;
    top:0;
    left:0;
    background-color:white;
    }

    img{
        width:100%
    }


    .partner-logo img{
        width:auto;
    }

    #content{
    padding-top:3em;
    }

    #site-logo img, #menu-main{
       display:none;
    }

    #menu {
    width: 100%;
    vertical-align: top;
    }

   #menu-language{
   float:right;
   display:inline;
   padding: 0em;
   }

    #mobile-header {
     float:left;
     padding: 12px;
     display:inline;
    }

    #menu-main {
        margin-top:3em;
    }


    #menu-main li {
     padding: 0.5em;
     vertical-align : middle;
     background-color:white;
     opacity:0.96;
     border-bottom: 1px solid #babdb6;
    }


    #bigscreen-title{
     display:none;
    }

	#content {
	}

    #media iframe{
        min-height : 66vh;
    }

	#text, #article-image-caption {
    padding: 0.2em 1em;
    }


	h2 {
	    margin:auto;
	    padding: 12px;
	}

}
@media only screen and (min-width: 1024px) {
    /* For desktop: */
    html {
    font-size: 0.9em;
    }

	h2 {
	    margin: 0 0 1.5em 0;
	    padding: 0;
	}

    h2 p {
        margin: 0;
        padding: 0;
    }

	img{
	        max-height:100vh;
	    }

    #mobile-header {
     display:none;
    }
    #smallscreen-title{
     display:none;
    }
    #menu {

    height: 100%;
    width: 16.7%;
    display:block;
    float:left;
    vertical-align: top;
    padding: 3.1em 1em 1em;
    }
    #menu img {
    max-width: 200px;
    width:100%;
    }
    #menu-main {
     margin-left:1.5em;
		 display : block !important;
    }

    #menu-language {
     margin: 2em 1.5em;
    }


    #menu-main li {
     height:2em;
    }

	#content {
	    display:block;
        float:left;
	    height:100vh;
	    width:83.2%;
	}

	#media {
	    display:block;
	    float:left;
	    height:100vh;
	    width: 60%;
	}

	#text {
	    display:block;
	    float:left;
	    min-width:300px;
	    width:40%;
	    max-width:600px;
	    vertical-align:top;
	    padding: 3.2em 2em 1em;
	}

#media {
	text-align: right;
}


}