*{
	box-sizing: border-box;
}
html {
	height: 100%;
	background: white;
}
body {
	height: inherit;
	margin: 0;
	font-family: 'Poppins', sans-serif;
}
h1{
	font-size:x-large;
}
p{
	font-size:medium;
}
img {
	width:100%;
	height:auto;
}
.img-body{
	width:100%;
	height:auto;
	margin: -5px 0;
}
.add-button {
	position: absolute;
	top: 1px;
	left: 1px;
}
@media (orientation: landscape) {
	img {
		height: 100%;
		object-fit: cover;
	}
}
.container { 
	display: block;
	/*height: 100vh;*/
	border: 5px solid black;
	width:100%;
} 
div > * {
    vertical-align:middle;
}

.container > div {
	display:inline-block;
	font-size: 5vw;
	padding: .0em;
	color: white;
	margin: 0px;
	border-radius: 0px;
	background: yellowgreen;
	border: 5px solid black;
	text-align:center;
	vertical-align:middle;
	height:200px;
	
	float:left;
}
.container > div:nth-child(odd) {
	width: 20%;
}
.container > div:nth-child(even) {
	width: 20%;
}
.container > div:nth-child(2),
.container > div:nth-child(4),
.container > div:nth-child(9) {
	width: 60%;
}
.container > div:nth-child(1){
	background-color:#c3cad2;
}
.container > div:nth-child(2){
	background-color:#900000;
}
.container > div:nth-child(3){
	background-color:#ddb84d;
}
.container > div:nth-child(4){
	background-color:#244371;
}
.container > div:nth-child(5){
	background-color:#be483a;
}
.container > div:nth-child(6){
	background-color:#900000;
}
.container > div:nth-child(7){
	background-color:#c2cbd4;
}
.container > div:nth-child(8){
	background-color:#900000;
}
.container > div:nth-child(9){
	background-color:#900000;
}
.container > div:nth-child(10){
	background-color:#900000;
}
.container > div:nth-child(11){
	background-color:#900000;
}
.container > div:nth-child(12){
	background-color:#900000;
}
.container > div:nth-child(13){
	background-color:#900000;
}
.container > div:nth-child(14){
	background-color:#900000;
}