@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');

.project-full .section{
	float: left;
	width: 100%;
}
.project-full .intro{
	margin-bottom: 30px;
}
.project-full .title-paragraph a:hover{
	opacity: 0.7;
}
.project-full .intro .header{
	position: relative;
	float: left;
}
.project-full .intro .header #menu li>a{
	color: white;
}
.project-full .intro .title{
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0px;
}
.project-full .intro .title h2{
	font-weight: bold;
	font-size: 68px;
}
.project-full .intro .title h5{
	margin-top: 25px;
	font-size: 22px;
	font-weight: normal;
	opacity: 0.75;
}
.project-full .study{
	padding: 70px 0px;
}
.project-full .title-paragraph{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.project-full .title-paragraph{
	float: none;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
}
.project-full .title-paragraph h4{
	float: left;
	width: 100%;
	color: #181818;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
}
.project-full .title-paragraph p{
	float: left;
	width: 100%;
	color: #181818;
	font-size: 22px;
	line-height: 40px;
	font-family: 'PT Serif', serif;
}
.project-full .one-col .title-paragraph p{
	margin-bottom: 75px;
}
.project-full .one-col img{
	display: block;
	width: 100%;
	margin: auto;
} 
.project-full .two-col .left{
	float: left;
	width: 60%;
	padding-right: 100px;
}
.project-full .two-col .right{
	float: right;
	width: 40%;
	overflow: hidden;
}
.project-full .two-col .title-paragraph{
	float: left;
	width: 100%;
	margin: 25px 0px;
}
.project-full .two-col .title-paragraph h4{
	margin-bottom: 15px;
}
.project-full .full-width{
	padding-bottom: 10px;
	max-height: 480px;
	overflow: hidden;
}
.project-full .full-width img, .project-full .full-width video{
	float: left;
	width: 100%;
	max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover;
    height: -webkit-fill-available;
}
.project-full .screens{
	display: table;
    text-align: center;
}
.project-full .screens .screen{
	display: inline-block;
    vertical-align: top;
    margin: 20px;
    width: 307px;
    text-align: center;
}
.project-full .project-links{
	float: left;
}
.project-full .project-links li{
	float: left;
	width: 100%;
	font-size: 22px;
	margin-bottom: 30px;
}
.footer{
	margin-bottom: 60px;
}
.footer *{
	font-size: 14px;
	color: #979797;
}
.footer .container{
	padding-top: 40px;
	border-top: 1px dashed #d2d2d2;
}
.footer .left{
	float: left;
}
.footer .right{
	float: right;
}
.footer .footer-links{
	float: left;
}
.footer .footer-links li{
	float: left;
	margin-right: 35px;
}
.footer .footer-links li:last-child{
	margin-right: 0px;
}
.footer .workwithus{
	float: left;
	width: 100%;
	padding-bottom: 100px;
	margin: 70px 0px 40px 0px;
	border-bottom: 1px solid #EFEFEF;
	text-align: center;
}
.footer .workwithus a{
	color: #181818;
	font-size: 42px;
	background-image: url(./arrow.png);
	background-repeat: no-repeat;
	padding-right: 40px;
	background-position: right 11px;
	background-size: 30px;
  	transition: 0.5s all ease;
  	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	display: inline-block;
}
.footer .workwithus a:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.project-full .animationDelayed{
	transition-delay: 0.3s !important;
}
.project-full .moveFromDown{
	transition: 0.8s;
	transition-timing-function: ease-in-out;
	transform: translateY(100px);
	opacity: 0;
}
.moveFromDown.triggered{
	transform:translateY(0px);
	opacity: 1;
}
.project-full .fadeIn{
	transition: 0.8s;
	transition-timing-function: ease-in-out;
	opacity: 0;
}
.fadeIn.triggered{
	opacity: 1;
}






@media only screen and (max-width: 800px){
	.project-full .two-col .left{padding-right: 0px; width: 100%;}
	.project-full .two-col .right{width: 100%; margin-top: 40px;}
	.footer .left{width: 100%; margin: 10px 0px 30px 0px;}
	.footer{text-align: center;}
	.footer .right{width: 262px; margin: auto; float: none;}
}
@media only screen and (max-width: 450px){
	.project-full .study{padding: 45px 0px;}
	.project-full .intro .title h2{font-size: 60px;}
	.project-full .title-paragraph h4{font-size: 32px;}
	.project-full .title-paragraph p{font-size: 18px; line-height: 30px;}
	.project-full .project-links li{font-size: 20px;}
	.footer{margin-bottom: 30px;}
	.project-full .screens .screen{width: 100% !important; margin: 0px 0px 20px 0px !important; padding: 15px !important;}
	.header #menu li:first-child{display: none;}
}