html {
  height: 100%;
  box-sizing: border-box;
}
body {
    background-image: url(../img/bk-mgk.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color:white;
    font-size: 14px;
    background-attachment: fixed;
    font-weight: 200;
    text-rendering: optimizeLegibility;
    min-height: 100%;
    position: relative;
    padding-bottom: 130px;
	background-size:cover;
}
img {
    max-width: 100%;
}
.mgk-nopad{
	padding: 0;
}
.mgk-mgk{
	padding: 50px 15px;
	text-align: center;
}
.mgk-mgk img{
	max-width: 300px;
}
.mgk-att{
	background: #f6921e;
	padding: 15px;
	float: left;
}
.mgk-bsc{
	background: #00a69c;
	padding: 15px;
	float: left;
}

.mgk-csg{
	background: #0a3b5b;
	padding: 15px;
	float: left;
}

.mgk-fit{
	background: #a31319;
	padding: 15px;
	float: left;
}

.mgk-inc{
	background: #E0114C;
	padding: 15px;
	float: left;
}

.mgk-sqd{
	background: #be1e2d;
	padding: 15px;
	float: left;
}
.mgk-bar {
    width: 20%;
    height: 5px;
    display: block;
    float: left;
}
.mgk-att-bar{
	background: #f6921e;
}
.mgk-bsc-bar{
	background: #00a69c;
}

.mgk-csg-bar{
	background: #0a3b5b;
}

.mgk-fit-bar{
	background: #a31319;
}
.mgk-inc-bar{
	background: #E0114C;
}
.mgk-sqd-bar{
	background: #be1e2d;
}

ul.mgk-links {
    display: block;
    float: left;
    padding-left: 0;
    border-top:solid 2px #fff;
    padding-right: 10px;
    margin-top: 15px;
    width: 100%
}
ul.mgk-links li {
    list-style: none;
}

ul.mgk-links li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}
ul.mgk-links li > a {
	color:#fff;
	font-size: 14px;
}
ul.mgk-links li > a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.txt-container{
	min-height: 250px;
}

.mgk-comp{
	margin-bottom: 20px; 
	float: left;
}
.mgk-footer-content{
	padding:40px 0 ;
}


footer{
	background: #8b9a9a;
	font-size: 12px;
	position: absolute;
	width: 100%;
	right: 0;
  bottom: 0;
  left: 0;
}
@media(max-width:1199px){
	.txt-container{
	min-height: 350px;
}
}
@media(max-width:992px){
	body {
    background-image: url(../img/bk-mgkmob.jpg);
}
	.container{width: 480px;overflow-x: hidden;}

	.mgk-mgk img {
    max-width:100%; text-align: center;
}
.txt-container{
	min-height: auto;
}
}
@media(max-width:509px){
	.container{width: 100%;padding:0 30px}
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}