/*EDITING BUTTON SERTIFIKAT*/
.buttonSertifikat{padding:0 2%; border-radius:5px; box-shadow:0 0 0 2px #3e64ff, 3px 3px 4px black;}
.buttonSertifikat:hover{background-color:#3e64ff; color:white; box-shadow:0 0 0 2px #efefef, 3px 3px 4px black;}
.buttonSertifikat:active{background-color:#3e64ff; color:white; box-shadow:0 0 0 2px #efefef, 3px 3px 4px black;}\

/*EDITING*/
.row{}
.row .ftco-animate{}
.row .ftco-animate .sosialMedia{width:100%; box-sizing:border:box; padding:10% 2%; transition:0.8s; color:blue;}
.row .ftco-animate .sosialMedia .icon i{font-size:3.5em; }
.row .ftco-animate .sosialMedia .userSosmed{font-size:1.2em; display:block;}
.row .ftco-animate .sosialMedia .buttonSosmed{font-size:0.9em; box-shadow:2px 2px 3px 2px blue; width:80%; margin:auto; line-height:1em; padding:3%; border-radius:5px; transition:0.8s;}
.row .ftco-animate .sosialMedia:hover{background-color:blue; color:white;}
.row .ftco-animate .sosialMedia:hover h2{background-color:blue; color:white;}
.row .ftco-animate .sosialMedia:hover .buttonSosmed{font-size:1em; box-shadow:2px 2px 3px 2px white; width:80%; margin:auto; line-height:1em; padding:3%; border-radius:5px; background-color:white; color:blue;}
.row .ftco-animate .sosialMedia .buttonSosmed:hover{font-size:1em; box-shadow:0 0 0 2px white,4px 4px 5px 4px white; width:80%; margin:auto; line-height:1em; padding:3%; border-radius:5px; background-color:blue; color:white;}

/*V. KEGIATAN DAN ORGANISASI*/
.ftco-section .container-fluid .row .col-md-4 .project .frameGallery{transition:0.8s}
.ftco-section .container-fluid .row .col-md-4 .project .text .judulOrganisasi{color:white; text-shadow:4px 2px 4px black; 
	font-size:1.2em;}
.ftco-section .container-fluid .row .col-md-4 .project .text .posisiOrganisasi{display:block; color:yellow; 
	margin:10% 0 0 0; text-transform:capitalize; font-size:1em}

/*VII. MOTTO*/
.ftco-section .container .row .col-md-7 .judulMotto span{color:blue; margin:0 2%; text-shadow:3px 3px 4px white, 
	-1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white}
.ftco-section .container .row .col-md-7 .keteranganMotto{font-size:2em; text-shadow:0 0 10px black}


/*########################################################### 400 ############################################################*/
/*########################################################### 400 ############################################################*/
/*########################################################### 400 ############################################################*/
/*########################################################### 400 ############################################################*/
/*########################################################### 400 ############################################################*/
@media only screen and (max-width: 400px){
	/*DISPLAY EFEK ARROW BOTTOM DI HEADER*/
	.mouse{display:none;}

	/*III. DATA PRIBADI*/
	.ftco-about .container .row .col-md-6 .row .col-md-12 h2{font-size:1.5em;}
	.ftco-about .container .row .col-md-6 .row .col-md-12 p{font-size:0.8em;}
	.ftco-about .container .row .col-md-6 .row .col-md-12 ul{font-size:0.8em;}

	/*IV. RESUME*/
	.ftco-section .container .row .col-md-3 nav{display:none}
	.ftco-section .container .row .col-md-9 .page h2{font-size:1.5em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .icon i{font-size:1.2em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text h2{font-size:1em; margin:0; padding:0; line-height:1.25em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text .date{font-size:0.8em; margin:0; padding:0;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text .position{font-size:0.8em; margin:0; padding:0; line-height:0.8em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text p{font-size:0.8em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text ol{font-size:0.8em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text a{font-size:0.75em; display:block; text-align:center; margin:2% auto 4% auto;}

	/*V KEGIATAN DAN ORGANISASI*/
	.ftco-section .container-fluid .row .col-md-12 h2{font-size:1.5em;}
	.ftco-section .container-fluid .row .col-md-12 p{font-size:0.8em; text-align:justify;}
	.ftco-section .container-fluid .row .col-md-4 .project .frameGallery{width:100%; margin:0; padding:0;}
	.ftco-section .container-fluid .row .col-md-4 .project .text .judulOrganisasi{font-size:1em; 
		background-color:rgba(62, 100, 255,0.8); line-height:1.5em; margin:0 0 20% 0; padding:1%; border-radius:10px;}
	.ftco-section .container-fluid .row .col-md-4 .project .text .posisiOrganisasi{font-size:0.7em;
		background-color:rgba(62, 100, 255, 0.8); margin:0; padding:1%; border-radius:10px;}

	/*VI SOSIAL MEDIA*/
	.ftco-section .container-fluid .row .col-md-4 a{margin:2.5% auto;}
	.ftco-section .container-fluid .row .col-md-4 a .userSosmed{font-size:1em;}
	.ftco-section .container-fluid .row .col-md-4 a .buttonSosmed{font-size:0.8em;}

	/*VII. MOTTO*/
	.ftco-section .container .row .col-md-7 .judulMotto{font-size:1.5em;}
	.ftco-section .container .row .col-md-7 .keteranganMotto{font-size:1em;}

	/*VIII. BAGIAN KONTAK INFORMASI*/
	.ftco-section .container .row .col-md-7 h2{font-size:1.5em; margin:auto auto 0 auto; padding:0;}
} 


/*########################################################### 400 s/d 600 #############################################*/
/*########################################################### 400 s/d 600 #############################################*/
/*########################################################### 400 s/d 600 #############################################*/
/*########################################################### 400 s/d 600 #############################################*/
/*########################################################### 400 s/d 600 #############################################*/
@media only screen and (min-width: 400px) and (max-width:600px){

	/*III. DATA PRIBADI*/
	.ftco-about .container .row .col-md-6 .row .col-md-12 h2{font-size:1.5em;}
	.ftco-about .container .row .col-md-6 .row .col-md-12 p{font-size:0.8em;}
	.ftco-about .container .row .col-md-6 .row .col-md-12 ul{font-size:0.8em;}

	/*IV. RESUME*/
	.ftco-section .container .row .col-md-3 nav{display:none}
	.ftco-section .container .row .col-md-9 .page h2{font-size:1.5em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .icon i{font-size:1.2em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text h2{font-size:1em; margin:0; padding:0; line-height:1.25em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text .date{font-size:0.8em; margin:0; padding:0;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text .position{font-size:0.8em; margin:0; padding:0; line-height:0.8em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text p{font-size:0.8em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text ol{font-size:0.8em;}
	.ftco-section .container .row .col-md-9 .page .resume-wrap .text a{font-size:0.75em; display:block; text-align:center; margin:2% auto 4% auto;}

	/*V KEGIATAN DAN ORGANISASI*/
	.ftco-section .container-fluid .row .col-md-12 h2{font-size:1.5em;}
	.ftco-section .container-fluid .row .col-md-12 p{font-size:0.8em; text-align:justify;}
	.ftco-section .container-fluid .row .col-md-4 .project .frameGallery{width:100%; margin:0; padding:0;}
	.ftco-section .container-fluid .row .col-md-4 .project .text .judulOrganisasi{font-size:1em; 
		background-color:rgba(62, 100, 255,0.8); line-height:1.5em; margin:0 0 20% 0; padding:1%; border-radius:10px;}
	.ftco-section .container-fluid .row .col-md-4 .project .text .posisiOrganisasi{font-size:0.7em;
		background-color:rgba(62, 100, 255, 0.8); margin:0; padding:1%; border-radius:10px;}

	/*VI SOSIAL MEDIA*/
	.ftco-section .container-fluid .row .col-md-4 a{margin:2.5% auto;}
	.ftco-section .container-fluid .row .col-md-4 a .userSosmed{font-size:1em;}
	.ftco-section .container-fluid .row .col-md-4 a .buttonSosmed{font-size:0.8em;}

	/*VII. MOTTO*/
	.ftco-section .container .row .col-md-7 .judulMotto{font-size:1.5em;}
	.ftco-section .container .row .col-md-7 .keteranganMotto{font-size:1em;}

	/*VIII. BAGIAN KONTAK INFORMASI*/
	.ftco-section .container .row .col-md-7 h2{font-size:1.5em; margin:auto auto 0 auto; padding:0;}

}