@media (min-width:300px) { /* kecil */
   .lebarUtama { width:95%; }
   
   #web { display: none; }
   #hp { display: inline; }
   #map_canvas { height:300px; }
   
   .gbDetail { width:100%; }
   .gbNews { width:100%; }
   
	.fontJudul {
		font-family: fontDosis;
		font-size:15px;
		font-weight: bolder;
	}
	
   #tulisanAtasJudul { width:300px; }
   
}
@media (min-width:700px) { /* standart */
   .lebarUtama { width:87%; }

   #web { display: inline; }
   #hp { display: none; }
   #map_canvas { height:570px; }

   .gbDetail { width:50%; float: right; padding-left:17px; }
   .gbNews { width:30%; float: left; padding-right:17px; }
   
	.fontJudul {
		font-family: fontDosis;
		font-size:23px;
		font-weight: bolder;
	}
   #tulisanAtasJudul { width:470px; }
   
}

.buttonnya {
    border:1px solid #333;
	font-family: fontNotoSerif;
	font-size:14px;
	background-color:#8c191b;
	color:#fff;
	width:97%;
	padding:7px;
}

@font-face {
    font-family: fontNotoSerif;
    src: url(imgs/NotoSerif.ttf);
}

@font-face {
    font-family: fontDosis;
    src: url(imgs/Dosis-Regular.otf);
}

.fontMenuHp {
	font-family: fontDosis;
	font-size:17px;
}

.warnaMerah {
    color:#8c191b;	
}

.warnaPutih {
    color:#ffffff;	
}


.tulisan {
	font-family: fontNotoSerif;
	font-size:14px;
}

.paddingBaris {
    padding-top:27px;
    padding-bottom:27px;
}

.spasiBaris {
	line-height:25px;	
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:actived { text-decoration: none; }