@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}

body {
	display: grid;
	gap: 0em;
	align-items: center;
	justify-content: center;
	background-image: url(../images/bodygetrmb.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fee296;
}

@media (min-width: 133em) {
	body {
		display: grid;
		grid-template-columns: 1fr [nav-start] fit-content(12em) [main-start] minmax(20em, 1fr) [main-end] fit-content(15em) [aside-end] 1fr;
		grid-template-rows: [head-start] min-content [main-start] 1fr [main-end] min-content [foot-end];
	}
	/*header,*/
	footer {
		grid-column: nav-start / aside-end;
	}
	nav {
		grid-column: nav-start / main-start;
	}
	main {
		grid-column: main-start / main-end;
		grid-row: main-start / main-end;
    }
}

article,
section,
footer {
	border-radius: 1em 1em 1em;
	border: thin solid;
	padding: 10px;
}

nav ul {
	list-style: none;
	padding: 0;
	margin-top:-1em;
	margin-bottom:-2.5em;
	margin-left:-6em;
	margin-right:6em;
	transform: scale(1.35);
}

nav li {
	display: flex;
	list-style: none;
	padding: 0em;
	font-size: 1.5em;
}

main {
	display:flex;
	flex-wrap: wrap;
	overflow:none;
	max-width:69em;
	align-items: center;
	justify-content: center;
	min-height:auto;
	text-align:center;
	margin-top: 15em;
	margin-bottom:140em;
	padding:1em;
	margin-left:2.5em;
	margin-right:2.5em;
	transform: scale(1);
}

.container if {
	flex-grow: 1;
    flex-shrink: 1;
	overflow:hidden;
	text-items:center;
	max-height:auto;
	padding: 1em;
	text-align:center;	
}

uif {
	flex-grow: 1;
    flex-shrink: 1;
	overflow:hidden;
	background-color: rgba(255, 255, 255, 0.25);
	text-items:center;
	max-width:66.5em;
	max-height:auto;
	padding: 1em;
	border-radius: 1em 1em 1em;
	/*border: thin solid;*/
	text-align:center;	
}

.container oif1 {
	text-items:center;
	max-width:100%;
	max-height:auto;
	text-align:center;	
}

.container oif2 {
	text-items:center;
	max-width:100%;
	max-height:auto;
	text-align:center;	
}

aside {
	text-align:center;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #666;
	color:#ccc;
	margin-left:-2em;
	margin-top:6em;
	margin-bottom:0.5em;
	transform: scale(1.5);
}

@media (max-width: 62.5em) {
nav ul {
	list-style: none;
	padding: 0;
	margin-bottom:-1.5em;
	margin-left:-3.5em;
	margin-right:3.5em;
	transform: scale(1.15);
}
nav li {
	display: flex;
	list-style: none;
	padding: 0em;
	font-size: 1.5em;
	transform: scale(1.25);
}
main {
	display:flex;
	flex-wrap: wrap;
	overflow:none;
	max-width:69em;
	align-items: center;
	justify-content: center;
	min-height:auto;
	text-align:center;
	margin-top:10em;
	padding:1em;
	margin-left:2.5em;
	margin-right:2.5em;
	transform: scale(0.75);
}
.container if {
	flex-grow: 1;
    flex-shrink: 1;
	overflow:hidden;
	background-color: rgba(255, 255, 255, 0.25);
	text-items:center;
	max-width:68.75em;
	max-height:auto;
	padding: 1em;
	border-radius: 1em 1em 1em;
	border: thin solid;
	text-align:center;	
	transform: scale(0.75);
}
.container oif1 {
	text-items:center;
	max-width:100%;
	max-height:auto;
	text-align:center;	
	transform: scale(0.75);
}
.container oif2 {
	text-items:center;
	max-width:100%;
	max-height:auto;
	text-align:center;	
	transform: scale(0.75);
}
aside {
	text-align:center;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #333;
	color:#ccc;
	margin-left:0.5em;
	margin-top:7em;
	transform: scale(1.55);
}
}

@media (max-width: 45em) {
nav ul {
	list-style: none;
	padding: 0;
	margin-top:3.5em;
	margin-bottom:-2.5em;
	margin-left:-4.5em;
	margin-right:4.5em;
	transform: scale(1.15);
}
nav li {
	display: flex;
	list-style: none;
	padding: 0em;
	font-size: 1.5em;
	transform: scale(1.1);
}
main {
	display:flex;
	flex-wrap: wrap;
	overflow:none;
	max-width:69em;
	align-items: center;
	justify-content: center;
	min-height:auto;
	text-align:center;
	margin-top:-7.5em;
	padding:1em;
	margin-left:2.5em;
	margin-right:2.5em;
	transform: scale(0.36);
}
.container if {
	flex-grow: 1;
    flex-shrink: 1;
	overflow:hidden;
	background-color: rgba(255, 255, 255, 0.25);
	text-items:center;
	max-width:68.75em;
	max-height:auto;
	padding: 1em;
	border-radius: 1em 1em 1em;
	border: thin solid;
	text-align:center;	
	transform: scale(0.36);
}
.container oif1 {
	text-items:center;
	max-width:100%;
	max-height:auto;
	text-align:center;	
	transform: scale(0.36);
}
.container oif2 {
	text-items:center;
	max-width:100%;
	max-height:auto;
	text-align:center;	
	transform: scale(0.36);
}
aside {
	text-align:center;
	-webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #333;
	color:#666;
	margin-left:-1.5em;
	margin-top:10em;
	transform: scale(1.45);
}
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}