body
 	{
 		background-color: #000;
 		color: #fff;
 		font-family: Helvetica;
 	}
 	a:link { color: #ddd }
 	a:visited { color: #fdf }
 	a:hover { color: #fdd }
 	a:active { color: #ddf }
 	
 	.bump
 	{
 		margin-right: 2mm;
 		margin-left: 2mm;
 		margin-top: 2mm;
 		margin-bottom: 2mm;
 	}
 	
 	H3 { text-align: center; }
 	
 	.cyclops
 	{
 		height: auto;
 		background-color: #fff;
 		text-align: left;
 		margin-left: 4pt;
 	}
 	
 	.enterprises 	
 	{
 		color: #888;
 		text-align: left;
 		margin-left: 4pt;
 	}
 	
 	.logo1
 	{
 		float: left;
 		position: relative;
 		top: -115px;
 		left: -40px
 	}
 	.logo
 	{
 		float: right
 	}
 	
 	.left-column, .right-column
 	{
 		text-align: center;
 		background: #eee;
 		color: #000;
 		width: 45%;
 		padding: 10pt;
 		height: 142px
 	}
 	.left-column
 	{
 		float: left;
 	}
 	
 	.right-column
 	{
 		float: right;
 	}
 	
 	.mwm
 	{
 		float: left;
 		color: #000;
 		background-color: #fff;
 		text-align: center;
 		margin-left: 25%;
 	}
 	
 	.swl
 	{
 		float: right;
 		color: #000;
 		background-color: #fff;
 		text-align: center;
 		margin-right: 25%;
 		vertical-align: middle
 	}
 	
 	.business
 	{
 		font-size: 10pt;
 		float: right;
 		width: 25%;
 		text-align: center;
 		margin: 5pt;
 		color: #000
 	}
 	
 	.french
 	{
		color: #FFF;
		font-style: italic;
	}
 	
 	.footer
 	{
 		clear:both;
 		color: #000;
 		background-color: #fff;
 		height: 52px;
 		vertical-align: middle
 	}

@media (max-width: 1024px) {
	body
	{
		font-size: x-large;
	}
	
	.business
	{
		font-size: xx-large;
		margin-top: 4em;
		color: #999a9a;
	}
	
	.cyclops img
	{
		width: 70%;
	}
	
	.enterprises img
	{
		width: 70%;
	}
	
 	.left-column, .right-column
 	{
 		text-align: center;
 		background: #eee;
 		color: #000;
 		width: 75%;
 		margin-left: 12.5%;
 		/* padding: 10pt; 
 		height: 142px*/
 		height: auto;
 	}

	.right-column
	{
		/*  clear:  both; */
		margin-top: 2em;
		float: none;
	}
	.left-column
	{
		/* clear: both; */
		float: none;
	}
}