@charset "UTF-8";
/* CSS Document */

body, html {
	color: #000;
	width: 100%;
	height: 100%;
	margin: 0;
}

#top-banner {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url("imgs/mpcs_desktop_bg_3.jpg");
	background-color: #000;
	width: 100%;
	padding-top: 25%;
	position: relative;
	overflow: hidden;
}

#top-banner-message {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flexbox-centering {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.resize-image {
	object-fit:contain;
	width: 90%;
	height: 90%;
}

#tg-top {
	background-image: url("imgs/tg_mock_top.jpg");
	background-color: #f5f8fb;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 1345px;
}

#bottom-banner {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("imgs/mpcs_desktop_bg_4.jpg");
	background-color: #000;
	width: 100%;
	padding-top: 16.67%;
	position: relative;
	overflow: hidden;
}

#bottom-banner-message {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#tg-bottom {
	background-image: url("imgs/tg_mock_bottom.jpg");
	background-color: #f5f8fb;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 2036px;
}

#tg-article {
	background-image: url("imgs/tg_article_mock.jpg");
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 6345px;
}

#bottom-banner-article {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url("imgs/mpcs_desktop_bg_3.jpg");
	background-color: #000;
	width: 100%;
	padding-top: 16.67%;
	position: relative;
	overflow: hidden;
}

/*Mobile Styling*/

#top-banner-mobile {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url("imgs/mpcs_mobile_bg.jpg");
	background-color: #000;
	width: 100%;
	padding-top: 25%;
	position: relative;
	overflow: hidden;
}

#bottom-banner-mobile {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("imgs/mpcs_mobile_bg.jpg");
	background-color: #000;
	width: 100%;
	padding-top: 25%;
	position: relative;
	overflow: hidden;
}

#tg-top-mobile {
	background-image: url("imgs/tg_mobile_mock_top.jpg");
	background-color: #f5f8fb;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 2151px;
}

#tg-middle-mobile {
	background-image: url("imgs/tg_mobile_mock_middle.jpg");
	background-color: #f5f8fb;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 1070px;
}

#tg-bottom-mobile {
	background-image: url("imgs/tg_mobile_mock_bottom.jpg");
	background-color: #f5f8fb;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 2087px;
}