@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Average+Sans|Lato:300,400');

/*new css*/

	
.new_content_center{
	text-align: center;
    height: 100%;
	clear: both;
}

.new_content_center hr{
	width: 35%;
	border: 0;
	height: 1px;
	border-top: 1px solid #E6E6E6;
}

.new_top_title{
	font-family:'Lato', sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #E24996;
	padding-bottom: 10px;
	margin-top: 0%;
}

.new_profile_photo{
	width: 60%;
	height: auto;
	margin-top: -6%;
	clear: both;
	margin-bottom: -4%;
}

.new_wrapper{
	align-self: center;
	width: 55%;
	clear: both;
	margin: auto;
	text-align: justify;
	align-content: none;
}
.new_wrapper img{
	align-self: center;
	margin-top: 2%;
}
.new_col_01{
	width: 44%;
	float: left;
	margin: 5% 0% 5% 2%;
	clear: none;
	align-self: auto;
}

.new_col_02{
	width: 44%;
	float: right;
	margin: 5% 0% 5% 2%;
	clear: none;
	align-self: auto;
}

.new_section_title{
	font-family:'Lato', sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #E24996;
}

.new_subsection_title{
	font-family:'Lato', sans-serif;
	font-size: 21px;
	font-weight: 300;
	margin: 10% 0% 1% 0%;
	color: #E24996;
}

.new_default_text{
	font-family:'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #4d4d4d;
	padding-bottom: 10px;
}
.center{
	text-align: center; !important;
}
.new_default_text--around{
	font-family:'Lato', sans-serif;
	font-size: 16px;
	color: #4d4d4d;
	margin-bottom:-5px;
	font-weight: 400; !important;
}
.smaller{
	font-size: 12px; !important;
	font-weight: 300; !important;
	margin-bottom:20px;
}
.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 16px;
	background: #ffffff; 
	padding: 10px 30px 10px 30px;
	border: solid #4D4D4D 1px;
	text-decoration: none;
	text-align: center;
	clear: both;
	display: block; 
	margin: 0 auto;
	width: auto;
}

.btn:hover {
	background: #E24996;
	color: #FFFFFF;
	text-decoration: none;
	border: solid #E24996 1px;
}
.btn a{
	color:inherit;
	text-decoration:inherit;
}
.logo_me{
	width: 100%;
	clear: none;
	margin: 0% 0% 0 0%;
}
.contact{
	text-align: left;
	clear: none;
	font-size: 16px;
	width: 100%;
	padding: 0px 0px 5px 3px;
	margin: 0 0 15px 0;
	vertical-align: middle;
	height: 45px;
	border: solid #CCCCCC 1px;
}
.contact img{
	width: auto;
	height: 25px;
	padding: 0px 6px;
	vertical-align: middle;
}
.contact:hover img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.contact span{
	padding-top: 5px;
	vertical-align: middle;
}
.new_worktitle{
	margin-top: 1%;
	font-family:'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.8em;
}
.margintop10{
	margin-top: 10px;
}
.workexperience{
	text-align: left;
	clear: none;
	font-size: 16px;
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0 0 18px 0;
	vertical-align: middle;
	height: auto;
	border: solid #CCCCCC 1px;
}
.workexperience img{
	width: auto;
	height: 70px;
	padding: 12px 15px 12px 10px;
	vertical-align: middle;
	float: left;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.workexperience img.img2{
	width: auto;
	display: block;
	height: 35px;
	margin: -20px 0 0 0;
	vertical-align: middle;
	float: right;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.workexperience span{
	margin: 20px 0 0 0;
	display: block;
	vertical-align: middle;
	float: none;
}
.workexperience span2{
	margin: -12px 0 0 0;
	display: block;
	vertical-align: middle;
	font-size: 11px;
	white-space: normal;
	float: none;
}
.workexperience:hover img.img2{
	-webkit-filter:none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.workexperience:hover img{
	-webkit-filter:none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.workexperience:hover {
	background: #FFFFFF;
	color: #4D4D4D;
	text-decoration: none;
	border: solid #CCCCCC 1px;
}
.education{
	text-align: left;
	clear: none;
	font-size: 16px;
	width: 100%;
	padding: 5px 5px 5px 25px;
	margin: 0 0 18px 0;
	vertical-align: middle;
	height: auto;
	border: solid #CCCCCC 1px;
}
.education span{
	margin: 12px 0 0 0;
	display: block;
	vertical-align: middle;
	float: none;
}
.education span2{
	margin: -15px 0 12px 0;
	display: block;
	vertical-align: middle;
	font-size: 12px;
	white-space: normal;
	float: none;
	line-height: 18px;
}
.education:hover {
	background: #FFFFFF;
	color: #4D4D4D;
	text-decoration: none;
	border: solid #CCCCCC 1px;
}
.education:hover span{
	color: #E24996;
}
.interests{
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 12px;
	background: #ffffff;
	display: grid;
	grid-gap: 12px 8px;
	grid-template-columns: 79px 79px 79px 79px;
	text-align: center;
}
.interests img{
	width: 50px;
	height: auto;
}
.interests span{
	text-align: center;
	display: inline-block;
	margin: 0px auto;
}
.interests picture:hover{
	color: #E24996;
}

.skills {
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 13px;
	margin: 0 0 -2px 0;
}
.skills span {
	font-size: 22px;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 0 0 0 5px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
	
}
.skills:hover span{
	color: #E24996;
	text-shadow: -1px 0 #E24996, 0 1px #E24996, 1px 0 #E24996, 0 -1px #E24996;	
}
.skills:hover{
	color: #E24996;
}

.skills span[n="4"]:after {
	content: "••••";
	color: #FFFFFF;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.skills span[n="5"]:after {
	content: "•••";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.skills span[n="6"]:after {
	content: "••";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.skills span[n="7"]:after {
	content: "•";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages {
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 14px;
	margin: 0 0 1px 0;
}
.languages span {
	font-size: 22px;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 0 0 0 5px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages span2 {
	font-size: 11px;
}
.languages span[n="2"]:after {
	content: "•••";
	color: #FFFFFF;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages span[n="3"]:after {
	content: "••";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages span[n="4"]:after {
	content: "•";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages:hover span{
	color: #E24996;
	text-shadow: -1px 0 #E24996, 0 1px #E24996, 1px 0 #E24996, 0 -1px #E24996;	
}
.languages:hover{
	color: #E24996;
}
/*old css*/

html {
    height: 100%;
}

body {
    text-align: center;
    height: 100%;
	font-family: 'Roboto', sans-serif;
	color:#717171;
	font-size:12px;
}


	
	
* {
	box-sizing: border-box;
}


@media only screen and (min-width: 320px) {
	.new_menu_logo {
		margin-top: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 40%;
		margin-bottom: 10px;
	}
	.new_menu_text{
		font-family:'Lato', sans-serif;
		font-weight: 300;
		color:inherit;
		font-size: 20px;
		line-height: 0; 
		margin-top: 20px;
	}
	.new_menu_text a{
		color: inherit;
		text-decoration: none;
	}
	.new_menu_text a:hover{
		font-family: inherit;
		color: #ec008c
	}
	.new_menu{
		width: 100%;
		background-color: #f2f2f2;
		height: 130px;
		padding-top: 14px;
		float:left;	
		display: block;
		clear: both;
	}
	
	.new_menu_column {
		float: left;
		width: 100%;	
		margin-top:5px; 
		top: 50%;
	}
	.new_footer{
		width: 100%;
		background-color: #4D4D4D;
		padding-top: 14px;
		float:left;	
		display: block;
		clear: both;
		height: 300px;
	}
	.new_footer_logo {
		margin-top: 20px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 40%;
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
		margin-bottom: 20px;
	}
	.new_footer_column a:hover{
		-webkit-filter: invert(30%);
		filter:  invert(30%);
	}
	.new_footer_text a{
		color: inherit;
		text-decoration: none;
	}
	.new_footer_text a:hover{
		font-family: inherit;
		-webkit-filter: invert(30%);
		filter:  invert(30%);
	}

.new_top_title{
	margin-top: 15%;
}
.new_wrapper{
	align-self: center;
	width: 70%;
	clear: both;
	margin: auto;
	text-align: justify;
	align-content: center;
	}
.new_col_01{
	align-self: center;
	width: 80%;
	clear: both;
	margin: 5% 10% 0% 10%;
	float: left;
}
.less_space{
	margin-bottom: -7%;
}
.new_col_02{
	align-self: center;
	width: 80%;
	clear: both;
	margin: 0% 10% 5% 10%;
	float: left;
}
.logo_me{
	width: 90%;
	clear: both;
	margin: 10% 5% 0 5%;
	}
.new_worktitle{
	margin: 0% 0 10% 0; 
	font-size: 1.7em;
	text-align: center;
}
.new_subsection_title{
	margin: 10% 0% 5% 0%;
}
.new_default_text{
	padding-bottom: 3px;
}
.margintop10{
	margin-top: 5px;
}
.interests{
	display: grid;
	grid-gap: 12px 8px;
	grid-template-columns: 79px 79px 79px 79px;
	text-align: center;
}
}
@media only screen and (min-width: 600px) {
	.new_menu_logo {
		margin-top: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 35%;
		margin-bottom: 10px;
	}
.new_wrapper{
	align-self: center;
	width: 70%;
	clear: both;
	margin: auto;
	text-align: justify;
	align-content: center;
	}
.new_col_01{
	align-self: center;
	width: 80%;
	clear: both;
	margin: 5% 10% 0% 10%;
	float: left;
}

.new_col_02{
	align-self: center;
	width: 80%;
	clear: both;
	margin: 0% 10% 5% 10%;
	float: left;
}
.logo_me{
	width: 90%;
	clear: both;
	margin: 10% 5% 0 5%;
	}
.new_worktitle{
	margin: 0% 0 10% 0; 
	font-size: 1.7em;
	text-align: center;
}
.new_subsection_title{
	margin: 10% 0% 5% 0%;
}
.new_default_text{
	padding-bottom: 3px;
}
.margintop10{
	margin-top: 5px;
}
.interests{
	display: grid;
	grid-gap: 12px 8px;
	grid-template-columns: 79px 79px 79px 79px;
	text-align: center;
}
}

@media only screen and (min-width: 900px) {
	
/**** NEW FOOTER ***/

.new_footer_logo {
	margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 40%;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	margin-bottom: -20px;
}
.new_footer_social {
	margin-top: 30px;
    margin-left: auto;
	width: 13%;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	padding-top:10px;
	padding-right: 6%;
	clear:both;
	display:inline-block;
}
.new_footer_column a:hover{
	-webkit-filter: invert(30%);
	filter:  invert(30%);
}
.new_footer_text a{
	color: inherit;
	text-decoration: none;
}
.new_footer_text a:hover{
	font-family: inherit;
	-webkit-filter: invert(30%);
	filter:  invert(30%);
}
.new_footer_text{
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #ffffff;
	font-size: 12px;
	line-height: 2; 
	margin-top: 30px;
}
.new_footer{
	width: 100%;
	background-color: #4D4D4D;
	height: 170px;
	padding-top: 14px;
	float:left;	
	display: block;
	clear: both;
}

.new_footer_column {
    float: left;
	width: 33.33%;	
	border-left: 1px solid white;
	height: 90%;
	margin-top:10px; 
	top: 50%;
}
/* Clear floats after the columns */
.new_footer_row:after {
    display: table;
    clear: both;
}

/**** NEW MENU ***/

.new_menu_logo {
	margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 30%;
	margin-bottom: 0px;
}

.new_menu_text a{
	color: inherit;
	text-decoration: none;
}
.new_menu_text a:hover{
	font-family: inherit;
	color: #ec008c
}
.new_menu_text{
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color:inherit;
	font-size: 16px;
	line-height: 0; 
	margin-top: 20px;
}
.new_menu{
	width: 100%;
	background-color: #f2f2f2;
	height: 80px;
	padding-top: 14px;
	float:left;	
	display: block;
	clear: both;
}

.new_menu_column {
    float: left;
	width: 50%;	
	margin-top:5px; 
	top: 50%;
	margin-bottom: 30px;
}
/* Clear floats after the columns */
.new_menu_row:after {
    display: table;
    clear: both;
}
	
.new_wrapper{
	align-self: center;
	width: 70%;
	clear: both;
	margin: auto;
	text-align: justify;
	align-content: center;
	}
.new_col_01{
	align-self: center;
	width: 80%;
	clear: both;
	margin: 5% 10% 0% 10%;
	float: left;
}

.new_col_02{
	align-self: center;
	width: 80%;
	clear: both;
	margin: 0% 10% 5% 10%;
	float: left;
}
.new_worktitle{
	margin-top: 0%;
	margin-left: 5%;
	font-size: 1.75em;
	text-align: left;
}
.new_subsection_title{
	margin: 5% 0% 5% 0%;
}
.new_default_text{
	padding-bottom: 3px;
}
.margintop10{
	margin-top: 5px;
}
.interests{
	display: grid;
	grid-gap: 12px 8px;
	grid-template-columns: 79px 79px 79px 79px 79px 79px;
	text-align: center;
}

}
@media only screen and (min-width: 1100px) {
	.new_section_title{
		font-family:'Lato', sans-serif;
		font-size: 30px;
		font-weight: 300;
		color: #E24996;
		clear: both;
	}
.new_content_center{
	text-align: center;
    height: 100%;
	clear: both;
}

.new_content_center hr{
	width: 35%;
	border: 0;
	height: 1px;
	border-top: 1px solid #E6E6E6;
}

.new_top_title{
	font-family:'Lato', sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #E24996;
	padding-bottom: 10px;
	margin-top: 0%;
}

.new_profile_photo{
	width: 60%;
	height: auto;
	margin-top: -6%;
	clear: both;
	margin-bottom: -4%;
}

.new_wrapper{
	align-self: center;
	width: 55%;
	clear: both;
	margin: auto;
	text-align: justify;
	align-content: none;
}
.new_wrapper img{
	align-self: center;
	margin-top: 2%;
}
.new_col_01{
	width: 44%;
	float: left;
	margin: 5% 0% 5% 2%;
	clear: none;
	align-self: auto;
}

.new_col_02{
	width: 44%;
	float: right;
	margin: 5% 0% 5% 2%;
	clear: none;
	align-self: auto;
}

.new_section_title{
	font-family:'Lato', sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #E24996;
}

.new_subsection_title{
	font-family:'Lato', sans-serif;
	font-size: 21px;
	font-weight: 300;
	margin: 10% 0% 1% 0%;
	color: #E24996;
}

.new_default_text{
	font-family:'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #4d4d4d;
	padding-bottom: 10px;
}

.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 16px;
	background: #ffffff; 
	padding: 10px 30px 10px 30px;
	border: solid #4D4D4D 1px;
	text-decoration: none;
	text-align: center;
	clear: both;
	display: block; 
	margin: 0 auto;
	width: auto;
}

.btn:hover {
	background: #E24996;
	color: #FFFFFF;
	text-decoration: none;
	border: solid #E24996 1px;
}
.btn a{
	color:inherit;
	text-decoration:inherit;
}
.contact{
	text-align: left;
	clear: none;
	font-size: 16px;
	width: 100%;
	padding: 0px 0px 5px 3px;
	margin: 0 0 15px 0;
	vertical-align: middle;
	height: 45px;
	border: solid #CCCCCC 1px;
}
.contact img{
	width: auto;
	height: 25px;
	padding: 0px 6px;
	vertical-align: middle;
}
.contact:hover img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.contact span{
	padding-top: 5px;
	vertical-align: middle;
}
.new_worktitle{
	margin: 1% 0 0% 0; 
	font-family:'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.8em;
}
.margintop10{
	margin-top: 10px;
}
.workexperience{
	text-align: left;
	clear: none;
	font-size: 16px;
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0 0 18px 0;
	vertical-align: middle;
	height: auto;
	border: solid #CCCCCC 1px;
}
.workexperience img{
	width: auto;
	height: 70px;
	padding: 12px 15px 12px 10px;
	vertical-align: middle;
	float: left;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.workexperience img.img2{
	width: auto;
	display: block;
	height: 35px;
	margin: -20px 0 0 0;
	vertical-align: middle;
	float: right;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.workexperience span{
	margin: 20px 0 0 0;
	display: block;
	vertical-align: middle;
	float: none;
}
.workexperience span2{
	margin: -12px 0 0 0;
	display: block;
	vertical-align: middle;
	font-size: 11px;
	white-space: normal;
	float: none;
}
.workexperience:hover img.img2{
	-webkit-filter:none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.workexperience:hover img{
	-webkit-filter:none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.workexperience:hover {
	background: #FFFFFF;
	color: #4D4D4D;
	text-decoration: none;
	border: solid #CCCCCC 1px;
}
.education{
	text-align: left;
	clear: none;
	font-size: 16px;
	width: 100%;
	padding: 5px 5px 5px 25px;
	margin: 0 0 18px 0;
	vertical-align: middle;
	height: auto;
	border: solid #CCCCCC 1px;
}
.education span{
	margin: 12px 0 0 0;
	display: block;
	vertical-align: middle;
	float: none;
}
.education span2{
	margin: -15px 0 12px 0;
	display: block;
	vertical-align: middle;
	font-size: 12px;
	white-space: normal;
	float: none;
	line-height: 18px;
}
.education:hover {
	background: #FFFFFF;
	color: #4D4D4D;
	text-decoration: none;
	border: solid #CCCCCC 1px;
}
.education:hover span{
	color: #E24996;
}
.interests{
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 12px;
	background: #ffffff;
	display: grid;
	grid-gap: 12px 8px;
	grid-template-columns: 79px 79px 79px 79px;
	text-align: center;
}
.interests img{
	width: 50px;
	height: auto;
}
.interests span{
	text-align: center;
	display: inline-block;
	margin: 0px auto;
}
.interests picture:hover{
	color: #E24996;
}

.skills {
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 13px;
	margin: 0 0 -2px 0;
}
.skills span {
	font-size: 22px;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 0 0 0 5px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
	
}
.skills:hover span{
	color: #E24996;
	text-shadow: -1px 0 #E24996, 0 1px #E24996, 1px 0 #E24996, 0 -1px #E24996;	
}
.skills:hover{
	color: #E24996;
}

.skills span[n="4"]:after {
	content: "••••";
	color: #FFFFFF;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.skills span[n="5"]:after {
	content: "•••";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.skills span[n="6"]:after {
	content: "••";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.skills span[n="7"]:after {
	content: "•";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages {
	font-family:'Lato', sans-serif;
	font-weight: 300;
	color: #4D4D4D;
	font-size: 14px;
	margin: 0 0 1px 0;
}
.languages span {
	font-size: 22px;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 0 0 0 5px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages span2 {
	font-size: 11px;
}
.languages span[n="2"]:after {
	content: "•••";
	color: #FFFFFF;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages span[n="3"]:after {
	content: "••";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages span[n="4"]:after {
	content: "•";
	color: #FFFFFF;
	font-size: 25px;
	text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;
}
.languages:hover span{
	color: #E24996;
	text-shadow: -1px 0 #E24996, 0 1px #E24996, 1px 0 #E24996, 0 -1px #E24996;	
}
.languages:hover{
	color: #E24996;
}
}