/* MG */

.section {
	width: calc((100vw - 425px) * 990 / 2135 + 360px);  /* 1350 -> 360 @2560-> 425 */
	margin: auto;
	margin-bottom: calc((100vw - 320px) * 90 / 2240 + 30px);  /* 120 -> 30 @2560-> 320 */
}
.home-banner, .page-banner {
	width: 100%;
	margin-top: calc((100vw - 320px) * 20 / 2240 + 15px);  /* 35 -> 15 @2560-> 320 */
	position: relative;
}
.home-banner .slogan-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding: calc((100vw - 320px) * 3 / 2240 + 2px);  /* 5 -> 2 @2560-> 320 */
	border: 1px solid #ffffff;
	text-shadow: 0 1px 5px rgba(29, 72, 89, 1), 0 1px 8px rgba(1, 43, 59, 0.3);
}
.home-banner .slogan {
	font-family: EBGaramondRegular;
	font-size: calc((100vw - 320px) * 40 / 2240 + 15px);  /* 55 -> 15 @2560-> 320 */
	color: #ffffff;
	padding: calc((100vw - 320px) * 19 / 2240 + 6px) calc((100vw - 320px) * 80 / 2240 + 20px);  /* 25->6 100->20 @2560-> 320 */
	border: 1px solid #ffffff;
    white-space: nowrap;
    text-align: center;
}
.divider {
    width: calc((100vw - 320px) * 1080 / 2240 + 270px);  /* 1350 -> 270 @2560-> 320 */
    display: flex;
    align-items: center;
    justify-content: center;
	margin: calc((100vw - 320px) * 33 / 2240 + 20px) auto;  /* 53 -> 20 @2560-> 320 */
}
.line {
	width: 50%;
	background-color: #788130;
	border-top: 1px solid #788130; 
	border-bottom: 1px solid #273370; 
	height: calc((100vw - 320px) * 1 / 2240 + 1px);  /* 2 -> 1 @2560-> 320 */
}
.mg-icon img {
    width: calc((100vw - 320px) * 40 / 2240 + 20px);  /* 60 -> 20 @2560-> 320 */
    height: calc((100vw - 320px) * 40 / 2240 + 20px);  /* 60 -> 20 @2560-> 320 */
}

/* HOME BOX LINKS*/
.home-links {
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
	margin-top: calc((100vw - 320px) * 50 / 2240 + 30px);  /* 80 -> 30 @2560-> 320 */
}
.link-box {
	width: calc((100vw - 425px) * 160 / 2135 + 64px);  /* Reduced by ~20% for 5 items */
	height: calc((100vw - 425px) * 160 / 2135 + 64px);  /* Reduced by ~20% for 5 items */
	display:flex;
	align-items: center;
	justify-content: center;
	padding: calc((100vw - 425px) * 8 / 2135 + 3px);  /* Reduced padding */
}
.link-box a {
	font-family: EBGaramondRegular;
	font-size: calc((100vw - 320px) * 22 / 2240 + 10px);  /* Reduced font size */
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}
.link-box:nth-child(1) {
	background-image: url("../images/about-us_thumb.jpg");
	background-size: cover;
}
.link-box:nth-child(2) {
	background-image: url("../images/team_thumb.jpg");
	background-size: cover;
}
.link-box:nth-child(3) {
	background-image: url("../images/services_thumb.jpg");
	background-size: cover;
}
.link-box:nth-child(4) {
	background-image: url("../images/new-initiativethumb1.jpg");
	background-size: cover;
}
.link-box:nth-child(5) {
	background-image: url("../images/contact_thumb.jpg");
	background-size: cover;
}

/* PAGE BANNERS */
.page-banner .title-box {
	width: 100%;
	display: flex;
	justify-content: center;
	-webkit-transform: translateY(-73%);
    transform: translateY(-73%);
}
.page-title {
	font-family: EBGaramondRegular;
	font-size: calc((100vw - 320px) * 40 / 2240 + 15px);  /* 55 -> 15 @2560-> 320 */
	color: #ffffff;
	text-align: center;
	background-color: #231f20;
	padding: calc((100vw - 320px) * 10 / 2240 + 5px) calc((100vw - 320px) * 35 / 2240 + 15px);  /* 15->5 50->15 @2560-> 320 */
	padding-bottom: calc((100vw - 320px) * 12 / 2240 + 6px); /* 18->6 @2560-> 320 */
}
.page-text {
	margin: auto;
}
.services-row .page-text {
	width: calc((100vw - 425px) * 740 / 2135 + 360px);  /* 1100 -> 360 @2560-> 425 */
}
p .year {
	font-family: RobotoRegular;
}

/*--- FOOTER --- */
p.copyright {
	font-size: calc((100vw - 320px) * 11 / 2240 + 7px);  /* 18 -> 7 @2560-> 320 */
	margin-top: calc((100vw - 320px) * -20 / 2240 + -10px);  /* -30 -> -10 @2560-> 320 */
	margin-bottom: calc((100vw - 320px) * 20 / 2240 + 10px);  /* 30 -> 10 @2560-> 320 */
	text-align: center;
}


/* ===== RESPONSIVE ===== */

@media only screen and (max-width: 425px) {
	.section {
		width: 90%;
	}
	.home-links {
		display: none;
	}
}

}