/* screen.css */
#wrapper{
	box-sizing:border-box;
	position:absolute;
	top: 0%;
	left:0%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
body {
	background-color: lightgray;
}

@media screen and (min-width:500px){
header {
    background-image: url(../img/logo.jpg);
    background-size: cover;
}
.ausr-l {
text-align: center;
padding-top: 1%;
padding-right: 30%;
color: white;
font-size: 15px;

}
.ausr-r {
text-align: right;
padding-top: 3%;
padding-right:5%;
color: white;
font-size: 30px;
}
img {
/*border: solid 0.5px gray;*/
padding: 1%; 
}
.flex-container {
    display: -webkit-flex;
    display: inline-flex;
    width: 100%;
/*    height:100%;*/
    background-color: lightgrey;
    flex-direction:row;

}

.flex-item {
    background-color:#C3DEE8;
    width: 97%;
  /*  min-width:15%;*/
  /*  min-height: 100%;*/
    margin: 1%;
    margin-top: 20px;
    padding: 1%;
}   
.figure {
width: 96%;
}
nav {
	width:100%;
	min-height:5%;
/*	background-color:#EED43F;*/
	background-color:#ECEC80;
	text-align:left;
}
/*ul {	
	width:100%;
	min-height:5%;
	text-align:left;
	margin-left: 5%;
}*/
li {
	display: inline;
	margin-left: 3%;
}
li a {
	font-size: 18px;
}
}
@media screen and (max-width:499px){
	*{
		font-size:16px;
	}
header {
    background-image: url(../img/logo.jpg);
    background-size: cover;
}
.ausr-l {
text-align: center;
padding-top: 1%;
padding-right: 15%;
color: white;
font-size: 15px;

}
.ausr-r {
text-align:center;
padding-top: 3%;
padding-right:0%;
color: white;
font-size: 20px;
}

img {
border: solid 1px grey;
padding: 1px; 
}
.flex-container {
    display: -webkit-flex;
    display:flex;
   /* width: 100%;
    height:100%;*/
    background-color: lightgrey;
    flex-direction:column;
    justify-content:center;
    flex-wrap:wrap;
    
}

.flex-item {
    background-color:#C3DEE8;
    width:97%;
    min-height: 100%;
    margin: 1%;
    padding: 2%;
    flex-direction:column;
    justify-content:center;
}   
nav {
	width:100%;
	min-height:5%;
/*	background-color:#EED43F;*/
	background-color: #ECEC80;
	text-align:center;
}
ul {	
	width:100%;
	min-height:5%;
	text-align:center;
	margin-left:0%;
}
li {
	display: inline;
	margin-left: 0%;
}
li a {
	font-size: 20px;
}
}
	}