@font-face {
  font-family: "myFont-medium";
  src: url("../fonts/mgenplus-1cp-medium.eot?") format('eot'),
       url("../fonts/mgenplus-1cp-medium.woff") format('woff');
}


@font-face {
  font-family: "myFont-heavy";
  src: url("../fonts/mgenplus-1cp-heavy.eot?") format('eot'),
       url("../fonts/mgenplus-1cp-heavy.woff") format('woff');
}


body {
	background-image:
		url('../img/dot1.png'),
		url('../img/bkg_ex-aid.jpg');
	background-position:
		left top,
		center center;
	background-repeat:
		repeat,
		no-repeat;
	background-attachment: fixed;
	background-size:
		auto,
		cover;
	background-color: #000;
	color: #fff;

}

.container-fluid {
	background-color:rgba(0,0,0,0.25);
}

.jumbotron {
	background:url(../img/bkg_jumbotron.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-size:cover;
	margin-top:65px;
}

.jumbotron img {
	width:100%;
}

ul.nav{
font-family: "myFont-heavy";
font-size:18px;
}
	
.intro{
	font-size:16px;
	font-family: "myFont-medium";
	letter-spacing:0.1em;
}

.row{
	margin-bottom:30px;
}

.alert img, .midashi-sub img {
	width:100%;	
}

@media (min-width: 768px){
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}

.intro{
	font-size:26px;
}

.alert img,.midashi-sub img {
	width:80%;	
}

} 