*{
	margin: 2px;
	//max-height: 95vh;
}

header{
	display: flex;
	//justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	height: 10vh;
	width: 100%;
	font-size: 3vh;
	background-color: #0000ff;
	color: white;
}

#headertitle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60%;
	width: 100%;
	//background-color: grey;
}

#menu{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24%;
	width: 100%;
	//background-color: green;
}
	
#container{
	display: flex;
	//justify-content: space-between;
	//align-items: center;
	//flex-wrap: wrap;
	height: 100%;
	width:100%; 
	//background-color: aqua;
}

#row1,#row2,#row3{
	display: flex;
	justify-content: space-around;
	height:100%;
}

#row1{
	//background-color:lightblue;
	//max-width:15%;
	width:230px;
	//align-items: center;
	flex-wrap: wrap;
}
#row2{
	//background-color:#00557fff;
	//color: #ffffffff;
	min-width=55%;
	width=55%;
}
#row3{
	background-color:lightgreen;
	min-width=20%;
	width=20%;
}

#foto{
		height: 88vh;
		max-height: 88vh;
		display: flex;
		align-items: center;
	}

	button{
		//display: flex;
		height: 3vh;
		width: 207px;
		font-size: 1.8vh;
		text-align: center;
		vertical-align: bottom;
		border-radius: 7px;
	}


fieldset{
	margin-bottom	: 7px;
	padding			: 2px;
	background-color: #00557fff;
	color			: #ffffffff;
	border			: none;
}

p{
	font-weight	: bolder;
	font-color	: #0000ffff;
}

input{
	width: 200px;
}

select{
	width: 207px;
}

textarea{
	font-family:Calibri;
	font-size: inherit;
	width	: 200px;
	height	: 120px
}

table{
	border-collapse: collapse;
	margin-bottom: 20px;
}
td{
	padding: 4px;
}

tr.header1{
	background-color: #0000ffff;
	color: #ffffffff;
}

tr.header2{
	background-color: #0055ffff;
	color: #ffffffff;
}

img{
	max-height: 88vh;
}

#left{
	display: flex;
	width: 10vh;
	min-width: 10vh;
}

#right{
	display: flex;
	width: 10vh;
	min-width: 10vh;		
}	

.textCentre{
	text-align: center;
}	

.textGrey{
	color: #969696ff;
}


@media only screen and (max-width: 1600px) {
body {
	//background-color: #0000ffff;
	//color: #ffff00ff;
}

#row1{
	display: none;
	}

#row2{
	//background-color:  #0000ffff;
	color: inherit;
	min-width=100%;
	width=100%;
	display: block;
	}

#row3{
	display: none;
}

#menu{
	//display: none;
}

table
	
}