html {
background-color: rgb(240,240,240);
background-image:url('/theme/multilaterale_logo_opacity.svg');
background-size:200vw;
background-position: center top;
background-repeat: no-repeat;
}

body {
	font-size:22px;
	font-family: 'Kotta One', serif;
	max-width:50%;
	margin:0 auto;
}

a {
	color:deeppink;
	text-decoration-style: wavy;
}

h1,h2,h3{
	text-transform: uppercase;
	/*font-family: 'Amatic SC', cursive;*/
}
h3{
	margin:0;
	margin-top:2em;
}

h3 + p {
	margin:0;
}

p {
	margin-bottom:0.2em;
}

#banner{
	margin-top:2em;
	margin-bottom:0em;
}

#banner_img{
	width:100%;
}

#menu ul li{
	display:inline;
}

#menu ul {
	padding-left:0px;
	font-size: 2em;
	text-align: center;
	margin-top:0px;
	margin-bottom:1.5em;
}

#menu a {
	color:black;
	text-decoration-style: none;
}

#menu a:hover {
	color:black;
	text-decoration-style: wavy;
	text-decoration-color: deeppink;
}

#menu .active a{

	text-decoration-style: wavy;
	text-decoration-color: deeppink;
}

.featured_image{
	display:inline-block;
	max-width: 40%;
}

.featured_image img {
	max-width: 100%;
}

.summary{
	display:inline-block;
	max-width: 50%;
	vertical-align: top;
	margin-left: 1em;
}

.summary h2 {
	text-transform: uppercase;
	margin-bottom: 0;
	/*border-bottom: 6px solid black;*/
}

.entry-content p img {
	max-width: 100%;
}

#data-left, #data-right{
	max-width: 49%;
	display:inline-block;
	vertical-align: top;
}

#data-left img{
	height:100%;
}

#data h3 {
	margin:0.3em;
}

#data ul {
	margin:0.5em;
}

@media only screen and (max-width: 600px) {
  body {
    font-size:24px;
    max-width: 92%
  }
  #menu ul {
  	font-size:1.5em;
  }
  #banner{
	margin-top:1em;
}

#data-left, #data-right{
	max-width: 100%;
	display:inline-block;
}

}

@media only screen and (max-width: 300px) {
  body {
    font-size:18px;
    max-width: 92%
  }
    #menu ul {
  	font-size:1.2em;
  }
  #banner{
	margin-top:1em;
}
}

@media only screen and (orientation: portrait) {
  body {
    font-size:48px;
    max-width: 92%
  }

  #menu ul {
  	font-size:1.5em;
  }
  #banner{
	margin-top:1em;
}
.featured_image{
	max-width: 100%;
}

.featured_image img {
	max-width: 100%;
}

.summary{
	max-width: 100%;
}

}