@charset "UTF-8";


/**********************************************************************/
/****************************** OVERVIEW *****************************/
/**********************************************************************/

.companyWrapper
{
	box-sizing: border-box;
	/*BORDER1or2*/
	border: 1px solid rgb(61, 151, 56);
	padding: 5em 8em 8em;
	color: black;
	position:relative;
}

#overview
{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;

	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	
	-webkit-align-items: center;
	align-items: center;
}

.overviewWrapper div.listWrapper
{
	line-height: 2.5;

	position: relative;
	box-sizing:border-box;
	
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
}

.listName
{
	position: relative;
	box-sizing:border-box;
	margin-right: 2em;
	width: 6em;
	
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.listCon
{
    flex: 1 1 auto;
	width: 100%;
}


/**********************************************************************/
/***************************** STATEMENT *****************************/
/**********************************************************************/

#statement
{
	margin-top: 5em;
	font-family: NotoSerif-M, serif;
	font-weight: 300;
	font-size: 1.1em;
}

#statement p
{
	margin-top: 1em;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 650px)
{
	.overviewWrapper div
	{
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

@media screen and (max-width: 1150px)
{
	.listCon span{display: block;}
}

@media screen and (max-width: 650px)
{
	.companyWrapper
	{
		padding: 3em 2em 5em;
	}
	
	.overviewWrapper div.listWrapper
	{
		line-height: 2;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.listName{margin-top: 1em;}
	.listCon{padding-left: 1em;}
}