/* CSS Document
#parent {
    font-size:0;
}
#parent > div {
    display: inline-block;
    padding: 15px;
    border: 2px solid red;
    font-size:16px;
} */
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

@font-face {
    font-family: 'keep_calm_medregular';
    src: url('keepcalm-medium-webfont.woff2') format('woff2'),
         url('keepcalm-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1 {
    font-size: 64px;
    /*font-family: Arial,Helvetica,sans-serif;*/
	font-family: keep_calm_medregular;
	margin: 0;
	/* Lulo Clean */
}
h2 {
    font-size: 36px;
	font-family: keep_calm_medregular;
	color:black;
	margin: 0;
	/* Lulo Clean */
}
h3 {
    font-size: 36px;
    font-family: Georgia, serif;
	font-style:italic;
	margin: 0;
	/* Linotype Didot */
}
h4 {
    font-size: 24px;
    font-family: Georgia, serif;;
	font-style:italic;
	margin: 0;
}
h5 {
    font-size: 24px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:black;
	margin: 0;
}
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}
.purple {
	background-color: #435494;
}
.section {
	position: relative;
	width: 100%;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.section h1 {
	text-align: center;
	font-size: 48px;
	z-index: 1;
	font-family: keep_calm_medregular;
}
.section h2 {
	text-align: center;
	font-size: 52px;
	z-index: 1;
	font-family: keep_calm_medregular;
	color: white;
}
.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
}

body {
    font-size: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
	/* Lulo Clean */
}
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}