@charset "UTF-8";

@font-face {
    font-family:stiluLight;
    src: url(fonts/stilu-light.ttf);
}

@font-face {
    font-family:stilusemibold;
    src: url(fonts/stilu-semibold.ttf);
}


@media (max-width: 1300px) {
	body {
		background:#FFF;
		background-image:url(../img/bg.png);
		height: 1080px;
		overflow: hidden;
	}

	main {
		margin: 118px 73px 0 73px;
	}

	.mainTitle {
		color:#FFF;
		font-family:stilusemibold;
		font-size:39px;
		display:block;
		height:78px;
	}

	.postContainer {
		height:410px;
		margin-top:364px;
	}

	article {
		height:100%;
		width:33%;
		float:left;
		box-sizing: border-box;
		border-left:1px solid #FFF;
		padding-left:20px;
		padding-right:20px;
		padding-top:19px;
	}

	.big {
		width:66.5%;
	}

	.spacer {
		float:left;
		width:0.5%;
		height:100%;
	}

	.dateTitle {
		font-family:stiluLight;
		font-size:13px;
		color:#FFF;
	}

	article p {
		color:#FFF;
		display:block;
		width:100%;
		padding-top:32px;
		font-size:19px;
		font-family:stilusemibold;
		line-height:24px;
	}
}

@media (min-width: 1300px) {
	body {
		background:#FFF;
		background-image:url(../img/bg.png);
		height: 1080px;
		overflow: hidden;
	}

	main {
		margin: 118px 146px 0 146px;
	}

	.mainTitle {
		color:#FFF;
		font-family:stilusemibold;
		font-size:78px;
		display:block;
		height:78px;
	}

	.postContainer {
		height:410px;
		margin-top:364px;
	}

	article {
		height:100%;
		width:33%;
		float:left;
		box-sizing: border-box;
		border-left:1px solid #FFF;
		padding-left:40px;
		padding-right:40px;
		padding-top:19px;
	}

	.big {
		width:66.5%;
	}

	.spacer {
		float:left;
		width:0.5%;
		height:100%;
	}

	.dateTitle {
		font-family:stiluLight;
		font-size:25px;
		color:#FFF;
	}

	article p {
		color:#FFF;
		display:block;
		width:100%;
		padding-top:32px;
		font-size:37px;
		font-family:stilusemibold;
		line-height:47px;
	}
}