body {
	background: #fff;
	font-family: "Century Gothic";
	color: #000000;
	line-height: 24px;
	margin:0; padding:0; font-size: 15px;
}
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/GOTHIC.TTF);
	font-weight: normal;
}
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/GOTHICB.TTF);
	font-weight: bold;
}
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/GOTHICI.TTF);
	font-weight: normal;
	font-style: italic;
}
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/GOTHICBI.TTF);
	font-weight: bold;
	font-style: italic;
}
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/GOTHICB.TTF);
	font-weight: bold;
}
.container {width:90%}

/*responsive*/
/* lg */ 
@media (min-width: 1200px) {
/* Make Navigation Toggle on Desktop Hover */
h1{font-size: 28px; margin-left:20px;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
/* Make Navigation Toggle on Desktop Hover */
	h1{font-size: 28px; margin-left:20px;}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
/* Make Navigation Toggle on Desktop Hover */ 
	h1{font-size: 28px; }

}

/* xs */ /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media (max-width: 767px) {	
h1{font-size: 26px; }
	.well{margin:0 5%;}
}

/* XS Portrait (for phones)*/
@media (max-width: 480px) {
h1{font-size: 22px; }
}