/*FF383F*/

/*UMUM*/
.judul_subab{color:#FF383F; text-shadow:1px 1px 2px black}

/*II. HEADER ATAS BAGIAN LOGO & NAVIGASI*/
header .container .row .col-6 .mb-0{font-family:Carter One;}
header .container .row .col-6 .mb-0 .h2 .text-logo{color:#FF383F;}

/*III. HEADER IMAGE DAN KETERANGAN*/
.site-blocks-cover .container .row .col-md-12 img{width:40%; margin-right:10%;}
.site-blocks-cover .container .row .col-md-12 .row .judul_header{font-size:2.5em; color:#FF383F;}

/*V. KEAHLIAN */
.site-section .container .row .col-7 .section-title{color:#FF383F; text-shadow:1px 1px 2px black}
.site-section .container .row .col-7 .lead{line-height:1.4em; font-size:1.1em; text-align:justify;}

/*VI RESUME*/
.site-section .feature-big .container .row{padding:0;}
.site-section .feature-big .container .row .col-lg-3{padding:auto;margin:auto;text-align:center}
.site-section .feature-big .container .row .col-lg-3 img{width:100%; margin:auto;}
.site-section .feature-big .container .row .col-lg-9{margin:auto; padding:auto}
.site-section .feature-big .container .row .col-lg-9 .judul_subab{margin-top:10%;}


/*VII. KEGIATAN DAN ORGANISASI */
.kegiatan_organisasi{background-color:#f6f6f6;}

/*VIII. SKILSS*/
.slide-one-item div .testimonial figure .simbol_skills{font-size:3em; color:#FF383F;}
.slide-one-item div .testimonial .check_skill{color:#FF383F;}

/*IX. KONTAK*/
.kontak_wa{font-size:1em;}
.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto .icon-sosmed{border-radius:5px; 
	padding:0.05em 0.4em; font-size:2em}



/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/

/*Mobile Ukuran Kecil Contoh Iphone 4*/
@media only screen and (max-width: 400px){
	/*II. HEADER ATAS BAGIAN LOGO & NAVIGASI */
	header .container .row .col-6 h1 a{font-size:0.7em;}
	.site-wrap header .container .row .col-12 .site-navigation .site-menu li .nav-link{font-size:0.5em; color:blue;}

	/*III. HEADER IMAGE DAN KETERANGAN*/
	.site-blocks-cover .container .row .col-md-12 img{width:70%; margin:auto; text-align:center; margin-top:30%;
		display:block}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 h1{font-size:1.5em; margin-top:10%;}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 p{font-size:0.8em; text-align:justify; line-height:1.6em;}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 div a{text-align:center;}

	/*IV DATA DIRI*/
	.site-section .container .row .col-lg-6 img{border-radius:50%; width:50%; margin:auto; display:block;}
	.site-section .container .row .col-lg-5 .judul_subab{font-size:1.5em; margin:2% auto 4% auto; text-align:center;}
	.site-section .container .row .col-lg-5 ul li{font-size:0.8em;}

	/* V. KEAHLIAN*/
	.site-section .container .row .col-7 .section-title{font-size:1.5em; margin:auto auto -10% auto;}
	.site-section .container .row .col-7 .lead{display:none;}
	.site-section .container .row .col-md-6 .unit-4 .unit-4-icon{padding:0; width:50%;}
	.site-section .container .row .col-md-6 .unit-4 div h3{font-size:1em; font-weight:700;}
	.site-section .container .row .col-md-6 .unit-4 p{font-size:0.8em; line-height:1.6;}
	.site-section .container .row .col-md-6 .unit-4 .bree_serif{font-size:1em;}


	/*VI RESUME*/
	.site-section .feature-big .container .row .col-lg-3{margin:0;padding:0;}
	.site-section .feature-big .container .row .col-lg-3 img{width:7.5em; margin:auto; padding:auto}
	.site-section .feature-big .container .row .col-lg-9{margin:auto; padding:auto;}
	.site-section .feature-big .container .row .col-lg-9 .judul_subab{font-size:1.5em; text-align:center; margin:auto auto 10% auto;}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto strong{font-size:1em; line-height:0.5em}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto i{font-size:0.8em;}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto blockquote{font-size:0.8em}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto blockquote ul {margin-left:5%; padding:0;}

	/*VII. KEGIATAN DAN ORGANISASI*/
	.site-section .container .row .col-7{margin:auto 0; padding:auto;}
	.site-section .container .row .editing-box-shadow{box-shadow:0 0 4px 2px rgba(0,0,0,0.75); width:90%; margin:auto; border-radius:10px;}
	.site-section .container .row .col-lg-4 .person .bio-img figure img{width:10em;}
	.site-section .container .row .col-lg-4 .person h2{font-size:1em;}
	.site-section .container .row .col-lg-4 .person span, .site-section .container .row .col-lg-4 .person p{font-size:0.8em; 
		text-align:justify; margin:0; padding:0;}

	/*VIII SKILLS*/
	.site-section .slide-one-item div .testimonial blockquote p{font-size:0.8em; color:black; font-weight:700;}

	/*IX. KONTAK INFORMASI*/
	.site-section .container .row .col-12 h2{font-size:1.5em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto p{font-size:0.9em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto a{font-size:0.8em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto .icon-sosmed{border-radius:5px; padding:0.05em 0.4em; 
		font-size:1.5em; margin:1%;}
} 
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/

/*Mobile Dengan Ukran Besar Contoh Pixel 2*/
@media only screen and (max-width: 600px) and (min-width: 400px) {
	/*II. HEADER ATAS BAGIAN LOGO & NAVIGASI */
	header .container .row .col-6 h1 a{font-size:0.7em;}
	.site-wrap header .container .row .col-12 .site-navigation .site-menu li .nav-link{font-size:0.5em; color:blue;}

	/*III. HEADER IMAGE DAN KETERANGAN*/
	.site-blocks-cover .container .row .col-md-12 img{width:70%; margin:auto; text-align:center; margin-top:30%;
		display:block}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 h1{font-size:1.75em; margin-top:10%;}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 p{font-size:1em; text-align:justify; line-height:1.6em;}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 div a{text-align:center;}

	/*IV DATA DIRI*/
	.site-section .container .row .col-lg-6 img{border-radius:50%; width:50%; margin:auto; display:block;}
	.site-section .container .row .col-lg-5 .judul_subab{font-size:1.75em; margin:2% auto 4% auto; text-align:center;}
	.site-section .container .row .col-lg-5 ul li{font-size:1em;}

	/* V. KEAHLIAN*/
	.site-section .container .row .col-7 .section-title{font-size:1.75em; margin:auto auto -10% auto;}
	.site-section .container .row .col-7 .lead{display:none;}
	.site-section .container .row .col-md-6 .unit-4 .unit-4-icon{padding:0; width:50%;}
	.site-section .container .row .col-md-6 .unit-4 div h3{font-size:1.25em; font-weight:700;}
	.site-section .container .row .col-md-6 .unit-4 p{font-size:1em; line-height:1.6em;}
	.site-section .container .row .col-md-6 .unit-4 .bree_serif{font-size:1.25em;}


	/*VI RESUME*/
	.site-section .feature-big .container .row .col-lg-3{margin:0;padding:0;}
	.site-section .feature-big .container .row .col-lg-3 img{width:7.5em; margin:auto; padding:auto}
	.site-section .feature-big .container .row .col-lg-9{margin:auto; padding:auto;}
	.site-section .feature-big .container .row .col-lg-9 .judul_subab{font-size:1.75em; text-align:center; margin:auto auto 10% auto;}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto strong{font-size:1.1em; line-height:1em}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto i{font-size:1em;}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto blockquote{font-size:1em}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto blockquote ul {margin-left:5%; padding:0;}

	/*VII. KEGIATAN DAN ORGANISASI*/
	.site-section .container .row .col-7{margin:auto 0; padding:auto;}
	.site-section .container .row .editing-box-shadow{box-shadow:0 0 4px 2px rgba(0,0,0,0.75); width:90%; margin:auto; 
		border-radius:10px;}
	.site-section .container .row .col-lg-4 .person .bio-img figure img{width:10em;}
	.site-section .container .row .col-lg-4 .person h2{font-size:1em;}
	.site-section .container .row .col-lg-4 .person span, .site-section .container .row .col-lg-4 .person p{font-size:0.8em; 
		text-align:justify; margin:0; padding:0;}

	/*VIII SKILLS*/
	.site-section .slide-one-item div .testimonial blockquote p{font-size:0.8em; color:black; font-weight:700;}

	/*IX. KONTAK INFORMASI*/
	.site-section .container .row .col-12 h2{font-size:1.5em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto p{font-size:1em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto a{font-size:1em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto .icon-sosmed{border-radius:5px; padding:0.05em 0.4em; 
		font-size:1.5em; margin:1% 4%;}
}

/*#################################################### 600 s/d 1000 #########################################################*/
/*#################################################### 600 s/d 1000 #########################################################*/
/*#################################################### 600 s/d 1000 #########################################################*/
/*#################################################### 600 s/d 1000 #########################################################*/
/*#################################################### 600 s/d 1000 #########################################################*/
/*#################################################### 600 s/d 1000 #########################################################*/
/*#################################################### 600 s/d 1000 #########################################################*/


/*IPAD atau TAB, COntoh Ipad Mini*/
@media only screen and (max-width: 1000px) and (min-width: 600px) {
	/*II. HEADER ATAS BAGIAN LOGO & NAVIGASI */
	header .container .row .col-6 h1 a{font-size:0.7em;}
	.site-wrap header .container .row .col-12 .site-navigation .site-menu li .nav-link{font-size:0.5em; color:blue;}

	/*III. HEADER IMAGE DAN KETERANGAN*/
	.site-blocks-cover .container .row .col-md-12 img{width:70%; margin:auto; text-align:center; margin-top:30%;
		display:block}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 h1{font-size:1.75em; margin-top:10%;}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 p{font-size:1em; text-align:justify; line-height:1.6em;}
	.site-blocks-cover .container .row .col-md-12	.row .col-lg-6 div a{text-align:center;}

	/*IV DATA DIRI*/
	.site-section .container .row .col-lg-6 img{border-radius:50%; width:50%; margin:auto; display:block;}
	.site-section .container .row .col-lg-5 .judul_subab{font-size:1.75em; margin:2% auto 4% auto; text-align:center;}
	.site-section .container .row .col-lg-5 ul li{font-size:1em;}

	/* V. KEAHLIAN*/
	.site-section .container .row .col-7 .section-title{font-size:1.75em; margin:auto auto -10% auto;}
	.site-section .container .row .col-7 .lead{display:none;}
	.site-section .container .row .col-md-6 .unit-4 .unit-4-icon{padding:0; width:50%;}
	.site-section .container .row .col-md-6 .unit-4 div h3{font-size:1.25em; font-weight:700;}
	.site-section .container .row .col-md-6 .unit-4 p{font-size:1em; line-height:1.6em;}
	.site-section .container .row .col-md-6 .unit-4 .bree_serif{font-size:1.25em;}


	/*VI RESUME*/
	.site-section .feature-big .container .row .col-lg-3{margin:0;padding:0;}
	.site-section .feature-big .container .row .col-lg-3 img{width:7.5em; margin:auto; padding:auto}
	.site-section .feature-big .container .row .col-lg-9{margin:auto; padding:auto;}
	.site-section .feature-big .container .row .col-lg-9 .judul_subab{font-size:1.75em; text-align:center; margin:auto auto 10% auto;}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto strong{font-size:1.1em; line-height:1em}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto i{font-size:1em;}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto blockquote{font-size:1em}
	.site-section .feature-big .container .row .col-lg-9 .author-box .d-flex .mr-auto blockquote ul {margin-left:5%; padding:0;}

	/*VII. KEGIATAN DAN ORGANISASI*/
	.site-section .container .row .col-7{margin:auto 0; padding:auto; }
	.site-section .container .row .editing-box-shadow{width:100%; margin:auto; 
		border-radius:10px;}
	.site-section .container .row .col-lg-4 .person .bio-img figure img{width:10em;}
	.site-section .container .row .col-lg-4 .person h2{font-size:1em;}
	.site-section .container .row .col-lg-4 .person span, .site-section .container .row .col-lg-4 .person p{font-size:0.8em; 
		text-align:justify; margin:0; padding:0;}

	/*VIII SKILLS*/
	.site-section .slide-one-item div .testimonial blockquote p{font-size:0.8em; color:black; font-weight:700;}

	/*IX. KONTAK INFORMASI*/
	.site-section .container .row .col-12 h2{font-size:1.5em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto p{font-size:1em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto a{font-size:1em;}
	.site-section .container .row .col-lg-7 .author-box .d-flex .mr-auto .icon-sosmed{border-radius:5px; padding:0.05em 0.4em; 
		font-size:1.5em; margin:1% 4%;}
}