/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 14px; line-height: 1.231; }

body, button, input, select, textarea {
	font-family: Roboto, sans-serif;
	font-size:14px;
	color: #fff;
	background-color: black;
}
body.bg-white {
	background-color: white;
}
h2, h3 {
	font-family: Montserrat;
	color:#5458fd;
}
h1 {
	font-family: Montserrat;
	line-height: 3em;
	color: #ffff00;
}
h1.mqc {
	color: #000!important;
	text-align: center;
}
.center {
	text-align: center;
}


.header {
	/* clear: both;
	float: right; */
	margin-left: 0;
	width: 96%;
	display: block;
}
.header {
    padding: 1% 2%;
    text-align: right;
}

.footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.footer {
	text-align: center;
	padding: 1% 0;
}

.container {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.container.bg-theme {
	background-color: #ff68cd;
	padding: 5% 0;	
}
.footer.bg-bottom {
	background-color: #d9edfa;
	margin-top:10%;
}
.footer.bg-bottom img {
	max-width: 300px;
}
.container img {
	display: block;
	margin: 0 auto;
}
.container.text {
	color: #666;
	padding: 2% 10%;
	text-align:justify;
	margin-top: 5%;
}
.small {
	font-size: 9px;
	color: #aaa9a9;
}

@media only screen and (max-width: 768px) {
.container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
}