body {
	display:block;
	background: #b3afa4;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

.FlexContainer{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    max-width: 999px;
Max-width:1028px;
    padding: 2rem 1rem;
    margin: 0 auto;
    position: relative;
}
#wrapper {
    max-width: 45em;
    margin: 0em auto 2em;
    flex: 4 0 45rem;
}
.FlexContainer > iframe {
    min-width: 14rem;
    height: unset;
    display: inline-block;
    flex: 1;
    margin: 0 1rem;
    max-width: 45rem;
min-height:48em;
align-self:stretch;
}

.VideoBox {
max-height:20em;
max-width:48em;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row nowrap;
flex-flow:row nowrap;
padding:0;
margin:1em 0 1.2em;
background:#000;
border-radius:3px;
box-shadow:3px 3px 9px #999;
overflow:hidden;
}

.VideoBox > div {min-width:10em;width:30%;background:#fef8e9;padding:2em 1em;}
.VideoBox > .frame {min-width:20em;width:66%;background-color:black;}
.VideoBox > h2 {margin:0.2em 0 0.6em;}

#Loving-Menu a {
    margin: 0.16em 0.6em 0.5em;
    text-underline-offset: 2px;
    line-height: 1.4em;
text-decoration:none;
display:inline-block;
}
#Loving-Menu a:hover {text-decoration:underline;
    text-decoration-style: dotted;}

#Loving-Menu { 
	display:block;
    box-sizing: border-box;margin-top:1em;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: #d3d3d3;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

iframe {width:100%;}

header {
    height: 3.2em;
    min-width: 110%;
    box-shadow: -1em 0em 0.6em #333;
    background-color: #fef8e9;
    margin: 0;
    padding: 0.6em 0 0;
}
header h1 {
    margin: 0 4em 0.2em;
    padding: 0;
}
header::after {
	width:110%;
	min-height:8px;
	margin:0;
	padding:0;
	background-image:url('./media/Blue2.png');
	background-repeat:repeat-x;
	content:'';
	position:absolute;
}