/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.site-title {
	font-size: 30px;
	margin: 10px;
}

.site-description {
	display: none;
}

h1 {
	font-size: 30px;
	font-size: 3rem;
}

h2 {
	font-size: 28px;
	font-size: 2.8rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 22px;
	font-size: 2.2rem;
}

h5 {
	font-size: 20px;
	font-size: 2rem;
}

h6 {
	font-size: 18px;
	font-size: 1.8rem;
}

.nav-primary {
	font-size: 14px;
	font-size: 1.4rem;
}

.featured1,
.featured2,
.featured3 {
	min-height: 342px;
}

.featured4,
.featured5,
.featured6 {
	min-height: 290px;
}

.pelatihan h2 {
	float: left;
	width: 100%;
}

.box-full {
	margin-bottom: 20px;
}

.box-50 {
	width: 49%;
}

.sidebar .menu-item a {
	padding: 10px 20px;
	display: block;
}

.sidebar .menu-item a:hover {
	color: #990100;
}

.cat-title {
	padding: 0;
}

.sidebar .widget {
	float: left;
	width: 100%;
}

#section1 .front {
	background: url('https://www.hipnotis.net/wp-content/uploads/2016/10/Kolase-1366-px.jpg') top center no-repeat;
	min-height: 320px;
	background-size: contain;
}

#section1 .top {
	background: #111;
	color: #fff;
}

#section1 .top h3,
#section1 .top h1 {
	color: #e3dd2f;
}

#section1 .second {
	background: #ddd;
	color: #111;
}

#section1 .second h1,
#section1 .second h2,
#section1 .second h3 {
	color: #111;
}

.landing #sectiontrainer {
	background: #111;
	color: #fff;
	padding: 50px;
}

#sectiontrainer .left {
	width: 49%;
	float: left;
	text-align: left;
}

#sectiontrainer .right {
	width: 49%;
	float: right;
	text-align: left;
}

#sectiontrainer h3 {
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

#sectiontrainer .left img {
	margin: 0 30px 50px 0;
}

#sectiontrainer .right img {
	margin: 0 30px 50px 0;
}

.landing #advance {
	background: #111;
	color: #fff;
	padding: 50px 0;
}

.landing #section14 {
	border-top: 2px solid #ddd;
	padding: 30px 0;
}

.landing #section3 h3 {
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 30px;
}

.inline li {
	display: list-item;
	float: none;
	padding: 0;
}

.landing #section12 .right {
	border-radius: 0;
}

.collapseomatic {
	color: #cc0000;
}

#section10 .collapseomatic {
	color: #e3dd2f;
}

@media only screen and (max-width: 769px) {
	.featured1,
																												.featured2,
																												.featured3,
																												.featured4,
																												.featured5,
																												.featured6 {
		min-height: 0;
	}
	
	.landing #section1 .wrap,
																												.landing #section2 .wrap,
																												.landing #section3 .wrap,
																												.landing #section4 .wrap,
																												.landing #section5 .wrap,
																												.landing #section6 .wrap,
																												.landing #section7 .wrap,
																												.landing #section8 .wrap,
																												.landing #section9 .wrap,
																												.landing #section10 .wrap,
																												.landing #sectiontrainer .wrap,
																												.landing #fundamental .wrap,
																												.landing #advance .wrap,
																												.landing #section11 .wrap,
																												.landing #section12 .wrap,
																												.landing #section14 .wrap {
		max-width: 90%;
		margin: 0 auto;
	}
	
	#sectiontrainer .left,
																												#sectiontrainer .right {
		width: 100%;
	}
	
	.landing #section15 .wrap {
		width: 100%;
	}
	
	#section1 .front {
		height: 150px;
		background-size: cover;
		padding: 0;
	}
}

@media only screen and (max-width: 601px) {
	.artikel-images {
		height: auto;
	}
}

@media only screen and (max-width: 415px) {
	.landing #section2:after,
																											.landing #section5:after {
		left: 30%;
	}
	
	#section6 .testimonial .left,
																											#section6 .testimonial .right {
		width: 100%;
	}
	
	.landing .investasi .right,
																											.landing .detail .left {
		width: 100%;
		margin: 20px 0;
	}
	
	.landing #section13 .wrap {
		width: 70%;
		margin: 0 auto;
		padding: 20px;
		background: #cc3333;
		background-position: 5px 17px;
		color: #fff;
	}
	
	#section8 .alumni-box {
		width: 48%;
	}
}