html {
	position: relative;
}


body {
	margin-bottom: 127px;
	margin-top: 26px;
	font-family:"Courier New", Courier, monospace;
}

.navbar img {
	margin-top:15px;
	margin-right:10px;
	border: 2px solid #999;
}

.jumbotron img {
	width:250px;
	border: 1px solid #666;
}

.about p {
	background-color: #FFFAFA;
	box-shadow:0 0 1px 1px rgb(239, 255, 220);
}

html, body {
      max-width: 100%;
      overflow-x: hidden;
}

hr {
	width: 250px;
	border-top: 2px solid #666;
}

 section {
	 min-height: 600px;
}

table img {
	height:auto;
	
}

.biodata_diri {
	background-color: #eee;
}


.my,th, td {
	padding:8px 20px;
	text-align:center;	
}

.portofolio {
	background-color: #eee;
}

.gallery {
	background-color:beige;
	margin: auto;
	padding:35px;
	box-shadow: 0 0 2px 2px rgb(239, 255, 220);
}

.gallery img {
	filter: grayscale(100%);
	transition: 1s;
}
.gallery img:hover {
	filter: grayscale(0);
	transform: scale(1.1);
}

.contact {
	min-height: 800px;
}


footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	background-color: #333;
	padding-top: 30px;
}

footer p {
	color: #aaa;
	font-size: 0.9em;
}

footer p i {
	color: salmon;
}