.epikefalides
{
	text-align:center;
	color:e6e6e6;
	text-shadow: 2px 1px 3px #ff9800;
	z-index:1;
}

.FirstLetterEp
{
	color:#ff9800;
}
.epikefalides:before
{
	content: ' ';
	display:inline-block;
	position: relative;
    top: 48;
	z-index:-1;

	background:linear-gradient(75deg,rgba(255,152,0,.6) 0%,rgba(255,152,0,.01) 100%);
	border-radius: 10px;
	width:45px;
	height:45px;
}
.epikefalides:after
{
	content: ' ';
	display:inline-block;
	position: relative;
	left: 0;
    top: -58;
	z-index:-2;
	background-image: url("../../../images/EpikBackgr.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 10px;
	
	height:55px;
}
#epikSkills:before
{
	left: -34;
}
#epikSkills:after
{
	width:200px;
}
#epikWorkExp:before
{
	left: -141; /*-- 143 original --*/
}
#epikWorkExp:after
{
	width:400px;
}
#epikEduc:before
{
	left: -78;
}
#epikEduc:after
{
	width:290px;
}
#epikPorfol:before
{
	left: -68;
}
#epikPorfol:after
{
	width:290px;
}
#epikConMe:before
{
	left: -93;
}
#epikConMe:after
{
	width:310px;
}

@media only screen and (max-width: 481px) 
{
	.epikefalides h1
	{
		font-size:35px;
		margin-bottom:10px;
	}
	.epikefalides:before
	{
		top:44;
	}
	#epikSkills:before
	{
		left: -28;
	}
	#epikSkills:after
	{
		width:155px;
	}
	#epikWorkExp:before
	{
		left: -120; /*-- 122 --*/
	}
	#epikWorkExp:after
	{
		width:350px;
	}
	#epikEduc:before
	{
		left: -67;
	}
	#epikEduc:after
	{
		width:260px;
	}
	#epikPorfol:before
	{
		left: -58;
	}
	#epikPorfol:after
	{
		width:260px;
	}
	#epikConMe:before
	{
		left: -80;
	}
	#epikConMe:after
	{
		width:280px;
	}
}
@media only screen and (max-width: 411px) 
{
	
	.epikefalides h1
	{
		font-size:30px;
		margin-bottom:16px;
	}
	.epikefalides:before
	{
		width:40px;
		height:40px;
		top:39;
	}
	.epikefalides:after
	{
		height:50px;
	}
	#epikSkills:before
	{
		left: -24;
		
	}
	#epikSkills:after
	{
		width:145px;
	}
	#epikWorkExp:before
	{
		left: -103; /*-- 105 --*/
	}
	#epikWorkExp:after
	{
		width:310px;
	}
	#epikEduc:before
	{
		left: -57;
	}
	#epikEduc:after
	{
		width:230px;
	}
	#epikPorfol:before
	{
		left: -48;
	}
	#epikPorfol:after
	{
		width:230px;
	}
	#epikConMe:before
	{
		left: -68;
	}
	#epikConMe:after
	{
		width:250px;
	}
}

@media only screen and (max-width: 378px) 
{
    .epikefalides h1
	{
		margin-bottom:14px;
	}
    #epikSkills:before
	{
		left: -25;
		
	}
    #epikWorkExp:before
	{
		left: -107; /*-- 109 --*/
	}
    #epikEduc:before
	{
		left: -61;
	}
    #epikPorfol:before
	{
		left: -52;
	}
    #epikConMe:before
	{
		left: -72;
	}

}


@media only screen and (max-width: 374px) 
{
	
	.epikefalides h1
	{
		font-size:27px;
		margin-bottom:21px;
	}
	.epikefalides:before
	{
		width:32px;
		height:32px;
		top:32;
	}
	.epikefalides:after
	{
		height:42px;
	}
	#epikSkills:before
	{
		left: -23;
		
	}
	#epikSkills:after
	{
		width:135px;
	}
	#epikWorkExp:before
	{
		left: -93; /*-- 95 --*/
	}
	#epikWorkExp:after
	{
		width:285px;
	}
	#epikEduc:before
	{
		left: -54;
	}
	#epikEduc:after
	{
		width:205px;
	}
	#epikPorfol:before
	{
		left: -46;
	}
	#epikPorfol:after
	{
		width:205px;
	}
	#epikConMe:before
	{
		left: -62; /*-- 63 --*/
	}
	#epikConMe:after
	{
		width:225px;
	}
}
@media only screen and (max-width: 320px) 
{
	
	.epikefalides h1
	{
		font-size:25px;
		margin-bottom:22px;
	}
	.epikefalides:before
	{
		width:31px;
		height:31px;
		top:31;
	}
	.epikefalides:after
	{
		height:42px;
	}
	#epikSkills:before
	{
		left: -22;
		
	}
	#epikSkills:after
	{
		width:120px;
	}
	#epikWorkExp:before
	{
		left: -87;
	}
	#epikWorkExp:after
	{
		width:250px;
	}
	#epikEduc:before
	{
		left: -48;
	}
	#epikEduc:after
	{
		width:185px;
	}
	#epikPorfol:before
	{
		left: -43;
	}
	#epikPorfol:after
	{
		width:185px;
	}
	#epikConMe:before
	{
		left: -59;
	}
	#epikConMe:after
	{
		width:205px;
	}
}
@media only screen and (max-width: 280px) 
{
	
	.epikefalides h1
	{
		font-size:20px;
		margin-bottom:28px;
	}
	.epikefalides:before
	{
		width:27px;
		height:27px;
		top:26;
	}
	.epikefalides:after
	{
		height:36px;
	}
	#epikSkills:before
	{
		left: -16;
		
	}
	#epikSkills:after
	{
		width:100px;
	}
	#epikWorkExp:before
	{
		left: -71;
	}
	#epikWorkExp:after
	{
		width:210px;
	}
	#epikEduc:before
	{
		left: -39;
	}
	#epikEduc:after
	{
		width:150px;
	}
	#epikPorfol:before
	{
		left: -35;
	}
	#epikPorfol:after
	{
		width:150px;
	}
	#epikConMe:before
	{
		left: -47;
	}
	#epikConMe:after
	{
		width:170px;
	}
}