@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

/* CSS Document */

body { background-image:url(images/bg.jpg);margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 1em; color: #fff;}
div.container { width: 100%; height: 100vh; margin: 0 auto; padding: 0; position: relative;}
div.container:after  {  clear: both;   content: "";  display: block;}

div.content { width: 100%; height:80vh; margin:0; display: block; padding: 0; position: absolute; bottom: 0; left: 0; z-index: 1; background-image:url(images/appendix-2019-2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: contain; }


/*img.app { width: 80%; height: auto; margin: 0 10%; padding: 0;}*/

div.logo { width: 40%; margin:0; display: block; padding: 0; position: absolute; top: 5%; left: 5%; z-index: 2;}
div.logo img { width: 100%; margin:0; display: block; padding: 0; }

div.some { width: 25%; min-width: 220px; margin:0; display: block; padding: 0; position: absolute; top: 20px; right: 20px; z-index: 3;}
div.some img { width: 40px; margin:0 6px 20px 0; padding: 0; float:right;}


@media screen and (max-width: 680px) {
	
/*img.app { width: 100%; height: auto; margin: 0; padding: 0; }*/
/*div.logo  { margin: 40px 0 0 0;}		
div.logo img { width: 50%; margin: 10% 0 0 0; display: block; padding: 0 10%; }	*/
div.logos img { width: 35px; margin:0 5px 0 0;}
	
}


/*@media only screen and (orientation: portrait/landscape) {*/
@media only screen and (orientation: portrait) {
  div.content { width: 100%; height:80vh; margin:0; display: block; padding: 0; position: absolute; bottom: 0; left: 0; z-index: 1; background-image:url(images/appendix-2019-1.jpg); background-repeat: no-repeat; background-position: bottom center; }
div.some img {   clear:both;}
  
}