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



p{margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"}
h1, h2, h3, h4, h5{margin: 0; padding: 0;}
header{width: 100%; height: auto;margin: auto; }
nav{width: 100%; height: auto;margin: auto; }
a:link {color:#072c49; }
.ivory{color: ivory;}
img {height: auto;max-width: 100%;}
li{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";}
#wrapper{max-width: 1366px; display: block;}

.three {margin-bottom: 20px;}
.half {margin-bottom: 20px;}

.sixty {margin-bottom: 20px;}
.fifteen{margin-bottom: 20px;}

@media screen and (max-width: 1366px) {
	
.col-container {display: table;width: 100%;}

	
.col25 {
    display: table-cell;
	vertical-align: top;
	width: 70%;
	background-image: url(images/MIP_bkg3.jpg); background-position: 50% 50%;
	}
	
.col75 {
    display: table-cell;
	vertical-align: top;
	width: 29%;
	
	background-color:saddlebrown;  padding-top: 10px;
	}	
	
.col75 p{font-size: .75em;}
	
.cell-fluid {
  width: 100%;
}

.desc{width: 98%; height: auto;float: left; background-color: #a2bcc9; clear: both; color: #072c49; padding: 10px 1% 10px 1%;}

.chat{width: 98%; min-height: 600px; height: auto;float: left; background-color: #a2bcc9; clear: both; color: #224155; padding: 10px 1% 10px 1%;}

	iframe{height: 600px;}
	
	#leftdesc{width: 69%; padding-right: 1%; float: left;}
	#rightdesc{width: 30%; float: left;}
	#rightdesc img{width: 100%; height: auto;}
.col-container2 {display: table;width: 20%; float: left;}
.col2 {
	display: table-cell;
	vertical-align:middle;
	width: 98%;
	padding: 10px 1% 10px 1%;
	text-align: center;
	float: left;
	border: 1px solid #5E5E5E;
}	
	.three{width: 32%; float: left; padding-right: 1%;}

	.half{width: 47%; float: left; padding-right: 1%; margin-right: 1%;}

	.sixty {width: 74%; float: left; padding-right: 1%;}
.fifteen{width: 24%; float: left; padding-right: 1%;}
	.fifteen img{width: 100%; height: auto;}
}

@media screen and (max-width: 600px) {
	.col-container {display: block;width: 100%;}
	
	
	.col25 {
    width: 100%;
	float: left;
	display: block;
	background-image: url(images/MIP_bkg2.gif); background-position: 50% 50%;
	}

	.col75 {
  width: 100%; 
		float: right;
		clear: left;
		display: block;
		background:saddlebrown;  padding-top: 10px;
	}
	.iframe{height: 350px;}
	
	.col-container2 {display: table;width: 100%; float: left;}
.col2 {
	display: table-cell;
	vertical-align:middle;
	width: 98%;
	padding: 10px 1% 10px 1%;
	text-align: center;
	float: left;
	border: 1px solid #5E5E5E;
}

	.three {width: 100%; float: left; }	
	.four {width: 100%; float: left; }

	.half{width: 100%; float: left;}
	.sixty{width: 100%; float: left; }
.fifteen{width: 100%; float: left; }

	#leftdesc{width: 100%; float: left;}
	#rightdesc{width: 100%; float: left;}
	#rightdesc img{width: 100%; height: auto;}
	
}