@charset "utf-8";

/* classic */
.imgLeftLayoutDelimiter, .imgRightLayoutDelimiter { background: url(../img/classic/delimiter.png) repeat-y; }
.projectPhoto { margin-top: 10px; }
.projectImg {
	width: 25%;
	margin-top: 10px;
	padding-right: 10px;
	overflow: hidden;
}
.projectImg img { width: 100%; }
.imgRightLayoutButton { margin-right: 9px; }

/* remove */
.imgLeftLayoutTitleS { margin-top: 0px; }
.imgRightLayoutContent{
	margin: 5px 0px 15px 0px;
	}
.imgLeftLayoutContent{
	margin: 5px 0px 15px 0px;
	}
.imgLeftLayoutSubTitle{
	color: #0E55AA;
	}
.imgRightLayoutSubTitle{
	color: #0E55AA;
	}

.projectRemarks {
    position: absolute;
    top: 0px;
    right: 5px;
}
.projectRemarks .projectUrl, .projectRemarks .projectPDF {
	float: right;
	padding: 0px 2px;
}
.projectRemarks .projectUrl img {
	height: 26px;
	margin-top: -1px;
}
.projectRemarks .projectPDF img { height: 24px; }

/* Bootstrap */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) and (min-width: 992px) {
}

@media (max-width: 991px) and (min-width: 768px) {
}

@media (max-width: 767px) {
}

/* Responsive Web Design */
@media screen and (min-width: 1441px) {

}

@media screen and (max-width: 1440px) and (min-width: 1440px) {
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
}

/* iPad */
@media only screen and (max-device-width: 1024px) {
	.imgLeftLayoutContent, .imgRightLayoutContent { margin-top: 20px; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	/* classic */
	.projectPhoto { display: none; }
	
	.imgLeftLayoutSubTitle{
	color: #595757;
	}
    .imgRightLayoutSubTitle{
	color: #595757;
	}

	.projectRemarks {
		position: relative;
	    left: 0px;
		right: auto;
		padding-top: 7px;
	}
}

/* Mobile */
@media screen and (max-width: 767px) {
	/* classic */
	.projectPhoto { display: none; }

	.projectRemarks {
		position: relative;
	    left: 0px;
		right: auto;
		padding-top: 7px;
	}
	.projectRemarks .projectUrl img, .projectRemarks .projectPDF img { height: 16px; }
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 320px) {
}