/* main.css */
@media only screen and (max-width: 940px) {
	.container, .grid {
		width: 670px;
	}
	.container {
		margin-top: 100px;
	}
	.infoBox {
		width: 410px;
	}
	.name {
		font-size: 35px;
	}
	.welcomeMessage {
		font-size: 26px;
		margin-bottom: 40px;
	}
	.employer, .position {
		font-size: 15px;
	}
	.contact, .contactText{
		font-size: 14px;
	}
	.contactText {
		margin-top: 20px;
	}
	.imageBox {
	width: 240px;
	height: 160px;
	}
}

@media only screen and (max-width: 690px) {
	.container, .grid, .infoBox {
		width: 90%;
	}
	.container {
		margin-top: 60px;
	}
	.name {
		font-size: 36px;
	}
	.infoBox {
		width: 100%;
	}
	.welcomeMessage {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.employer, .position {
		font-size: 20px;
	}
	.contact, .contactText{
		font-size: 18px;
	}
	.imageBox {
		float: none;
		width: 882px;
		max-width: 100%;
		padding-bottom: 20px;
		margin: 0 auto;
		height: auto;
		display: block;
	}
	.image {
		max-width: 100%;
		min-width: 300px;
		height: auto;
		margin: 0 auto;
	}
	@media \0screen {
  		.image {
  			width: auto; /* for ie 8 */
  		}
  	}
  	.otherPlatforms {
  		width: 100%;
  		margin-left: auto;
  		margin-right: auto;

  		text-align: justify;
  		-ms-text-justify: distribute-all-lines;
  		text-justify: distribute-all-lines;
  	}
  	.otherPlatforms a + div{
  		display: inline-block;
  		*display: inline;
  		zoom: 1;
  	}
  	.stretch {
  		width: 100%;
  		display: inline-block;
  		font-size: 0;
  		line-height: 0;
  	}
  	a.mail svg,
  	a.linkedIn svg,
  	a.facebook svg {
		width: 60px;
		height: 60px;
		viewBox: "0 0 60 60";
	}
	.separatorDot {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	width: 15px;
	height: 15px;
	}
}



@media only screen and (max-width: 550px) {
	.container {
		margin-top: 50px;
	}
	.name {
		font-size: 32px;
	}
	.welcomeMessage {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.employer, .position {
		font-size: 18px;
	}
	.contact, .contactText{
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.container {
		margin-top: 30px;
	}
	.name {
		font-size: 30px;
	}
	.welcomeMessage {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.employer, .position {
		font-size: 14px;
	}
	.contact, .contactText{
		font-size: 13px;
	}
}