@media screen and (max-width: 980px){
	.Container{ width: 100%; padding: 0px 20px; }
	.Main{ min-height: auto; }
	.Projects li{ float: left; position: relative; width: calc(33.33% - 20px); margin-right: 20px; }
}
@media screen and (max-width: 690px){
	.Header{ height: 225px; text-align: center; }
	.Header .Image img{ width: 200px; }
	.Header span{ display: table-row; margin-top: -20px; }

	.About{ position: relative; width: 100%; padding: 20px 0px; color: #0b4666; background:#c6c5c0; }
	.About table td{ display: block; padding: 0px; font-family: 'DIN-Light'; font-size: 18px; }

	.Projects{ position: relative; width: 100%; padding: 20px 0px; }
	.Projects li{ float: left; position: relative; width: calc(50% - 20px); margin-right: 20px; }
	.Projects li:last-child{ margin-right: 0px; }
	.Projects li .Image{ margin-bottom: 10px; }
}
@media screen and (max-width: 500px){
	.Projects li{ float: none; position: relative; width: 100%; margin-right: 0px; }
}
@media screen and (max-width: 600px){
	.Footer{ margin-top: 20px; }
	.Footer .Container{ text-align: center; padding: 20px 0px; }
	.Footer .Image{ display: block; width: 170px; margin:0 auto; }
	.Footer .Contact{ display: block; text-align: center; margin-top: 20px; }
}
@media screen and (max-height: 787px){
	.Main{ min-height: auto; }
}