BODY
{
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: "poppins", sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
}
/*DIV
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	(*align-items: center;*)
}*/
/*#header
{
	background-color: #15304A;
	border-bottom: 5px solid #F3DDA3;
	padding: 20px;
	display: flex;
	justify-content: center;
}*/
#oslogo
{
	/*border: 1px solid black;*/
	background-image: url("oswhitelogo.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 241px;
	margin-top: 43px;
}
/*#logo
{
	background-image: url("logo.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}*/
#footer
{
	background-color: #FFFFFF;
	padding: 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
}
#footer #logo
{
	background-image: url(logo-white.png);
	width: 100%;
	height: 61px;
}
#legal
{
	width: 100%;
}
H1
{
	font-size: 96px;
	text-align: left;
	font-weight: 800;
}
SPAN
{
	color: #A7A7A7;
	color: #ADADAD;
}
.two SPAN
{
	color: #E900A7;
}
#legal P
{
	color: #000000;
}
P
{
	width: 100%;
}
P.intro
{
	font-weight: bold;
	margin-bottom: 40px;
}
#image
{
	background-size: cover;
	background-position: bottom center;
}
#main
{
	padding-bottom: 25px;
	padding-top: 25px;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
.row
{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 50px 0px;
}
IMG.logo
{
	height: 100px;
	margin-top: 30px;
}
.row.one
{
	background-color: #FFFFFF;
}
.row.two
{
	background-color: #000000;
}
.two P
{
	color: #FFFFFF;
	font-size: 70px;
	font-weight: 700;
}
.three P
{
	font-size: 25px;
	font-weight: 700;
}
H2
{
	margin: 15px 0 0;
	font-size: 15px;
}
A
{
	color: #FFFFFF;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
	color: #E900A7;
}
/*******************************/
/*******************************/
/*******************************/
/*******************************/
/*******************************/
/*******************************/
/********* MEDIA QUERIES ********/
/*******************************/
/*******************************/
/*******************************/
/*******************************/
/*******************************/
/* Phones Portrait (phones, less than 480px) */
@media (max-width: 767px)
{
	BODY
	{
		padding: 0;
	}
	.row
	{
		padding: 110px 0px;
	}
	.row.one
	{
		padding-top: 30px;
	}
	.container
	{
		width: 85%;
		/*margin: auto;*/
	}
	H1
	{
		font-size: 40px;
	}
	.two P
	{
		font-size: 23px;
	}
	.three P
	{
		font-size: 18px;
	}
	P, OL, UL
	{
	}
	#content
	{
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
}
/*Phones Landscape (phones, 480px and up) */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.container
	{
		width: 700px;
	}
	/*#logo
	{
		width: 200px;
		height: 90px;
	}*/
	#image
	{
		height: 250px;
	}
	P, OL, UL
	{
		font-size: 16px;
	}
	P.intro
	{
		font-size: 18px;
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	.container
	{
		width: 860px;
	}
	#image
	{
		height: 310px;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	.container
	{
		/*width: 940px !important;*/
	}
	#image
	{
		height: 320px;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px)
{
	.container
	{
		width: 1000px;
		/*width: 1248px !important;*/
	}
	#image
	{
		height: 480px;
	}
	P.intro
	{
		font-size: 20px;
	}
}
