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


/* Overall */
	* {
		margin:0; box-sizing: border-box;
	}	

	body {
		width: auto; height: auto; margin:0; padding: 0;
		font-family: "Red Hat Text", sans-serif;
		color: #708090; font-size: 0.9em; overflow-y: inherit;
	}

	a:link {
		padding: 0.1em;
  		background-color: transparent;
  		font-size: 1em; color: #DBF4FB; text-decoration: none;
	}
	a:visited {
		padding: .1em;
  		background-color: transparent;
  		font-size: 1em; color: #DBF4FB; text-decoration: none;
  	}
	a:hover {
		padding: .1em;
 		background-color: transparent;
  		font-size: 1em; color: #708090; text-decoration: none;
 	}
	a:active {
		padding: .1em;
  		background-color: transparent;
  		font-size: 1em; color: #708090; text-decoration: underline;
  	}

/* Global Fonts */
	.jua-regular {
  		font-family: "Jua", sans-serif;
  		font-weight: 400;
  		font-style: normal;
	}
	.red-hat-text-weight-300 {
  		font-family: "Red Hat Text", sans-serif;
  		font-optical-sizing: auto;
  		font-weight: 300;
  		font-style: normal;
	}
	.red-hat-display-weight-400 {
  		font-family: "Red Hat Display", sans-serif;
  		font-optical-sizing: auto;
  		font-weight: 400;
 		font-style: normal;
	}
	.style-script-regular {
  		font-family: "Style Script", cursive;
  		font-weight: 600;
  		font-style: normal;
	}

/* General Styling */
	
	.left {
		float:left;
	}
	.right{
		float:right;
	}

	.center{
		text-align: center;
	}

	.mobile {
		display: none;
	}
	
	.normal {
		display:inline;
	}

	/* For Mobile */
		@media screen and (max-width: 720px) {
			.mobile {display:inline;}
			.normal {display: none;}
		}

	html {
  		scroll-behavior: smooth;
	}

/* Blueprints */

	.content {
		width: 80%; margin: 0% 10%;
		background-color: #FFF;
	}

	.contentContainer {
		width: 100%; margin: 0% 0%;
		background-color: #FFF;
	}

	.contentLeft {
		width: 78%; float: left; top:0;
	}

	.contentRight {
		width: 20%; float: right; top:0; 
	}

	/* For Mobile */
		@media screen and (max-width: 720px) {
			.content {width:96%; margin: 2%;}
			.contentLeft {width: 60%;}
			.contentRight {width: 40%;}
		}
	

	.col-container {
  		display: flex; width: 100%;
  		
	}	

	.col {
		flex:1; padding:16px;
	}
	
	iframe {
		width: 100%; height: 800px; margin:0%; border: none;
	}