#contact_n{height:60px;}
.contact{width: 100vw;
background-color: #0e0d0d; height:60px;}
#contact_s{display:none;}
.ConSlice{display: inline-block;
width:65px; float:left;  padding-left:20px; cursor:pointer; position:relative; -webkit-transition: background-position 0.4s;
    -moz-transition: background-position 0.4s;
    transition: background-position 0.4s;
	background-size: 100% 200%; }
#contact-chris-header{float:left; height:54px; width:54px;  background-image:url(../i/portrait1.jpg); background-size:cover;}
#gp{float:left; height:54px; width:54px; background-image:url(../i/art_gravitypandas.jpg); background-size:cover;}
#p{float:left; height:54px; width:54px; background-image:url(../i/art_punctuality.jpg); background-size:cover;}

@media (max-width: 570px) {
.ConFacebook::after, .ConTwitter::after, .ConSoundcloud::after, .ConPhone::after, .ConEmail::after, .ConYouTube::after{height:3.5vh !important; width:3.5vw !important; margin-top:5px; margin-bottom:-5px;}
}

.ConPhone{ background-image: linear-gradient(to right, #0e0d0d 50%, #27b967 50%); background-position:left bottom;  background-size: 201% 100%;}
.ConPhone::after{content:" "; display:inline-block; width:50px; height:50px; background-image:url(../i/ico-phone_i.png); background-repeat:no-repeat;background-size: contain;
margin-left: -1px; transition:ease-in-out 0.5s;}
.ConPhone:hover .ConPhone::after, .ConPhone::after:hover{background-image:url(../i/ico-phone_i.png); transition:ease-in-out 0.5s;}

.ConEmail{background-image: linear-gradient(to right, #0e0d0d 50%, #9F191B 50%); background-position:left bottom;  background-size: 201% 100%;}
.ConEmail::after{content:" "; display:inline-block; width:50px; height:50px; background-image:url(../i/ico-email_i.png); background-repeat:no-repeat;background-size: contain;
margin-left: -1px; transition:ease-in-out 0.5s;}
.ConTwitter{background-image: linear-gradient(to right, #0e0d0d 50%, #2195E8 50%); background-position:left bottom;  background-size: 201% 100%;}
.ConTwitter::after{content:" "; display:inline-block; width:50px; height:50px; background-image:url(../i/ico-twitter_i.png); background-repeat:no-repeat;background-size: contain;
margin-left: -1px; transition:ease-in-out 0.5s;}
.ConSoundcloud{background-image: linear-gradient(to right, #0e0d0d 50%, #fb9602 50%); background-position:left bottom;  background-size: 201% 100%;}
.ConSoundcloud::after{content:" "; display:inline-block; width:50px; height:50px; background-image:url(../i/ico-soundcloud_i.png); background-repeat:no-repeat;background-size: contain;
margin-left: -1px; transition:ease-in-out 0.5s;}
.ConFacebook{background-image: linear-gradient(to right, #0e0d0d 50%, #3b5998 50%); background-position:left bottom;  background-size: 201% 100%;}
.ConFacebook::after{content:" "; display:inline-block; width:50px; height:50px; background-image:url(../i/ico-facebook_i.png); background-repeat:no-repeat;background-size: contain;
margin-left: -1px; transition:ease-in-out 0.5s;}
.ConYouTube{background-image: linear-gradient(to right, #0e0d0d 50%, #DB1B1E 50%); background-position:left bottom;  background-size: 201% 100%;}
.ConYouTube:after{content:" "; display:inline-block; width:50px; height:50px; background-image:url(../i/ico-youtube_i.png); background-repeat:no-repeat;background-size: contain;
margin-left: -1px; transition:ease-in-out 0.5s;}

.ConPhoneWrap:hover .ConPhone, .ConEmailWrap:hover .ConEmail, .ConTwitterWrap:hover .ConTwitter, .ConSoundcloudWrap:hover .ConSoundcloud, .ConFacebookWrap:hover .ConFacebook, .ConYouTubeWrap:hover .ConYouTube{  background-position: right bottom; background-size:200% 100%;}
.ConPhoneWrap:hover .ConPhone::after, .ConEmailWrap:hover .ConEmail::after, .ConTwitterWrap:hover .ConTwitter::after, .ConSoundcloudWrap:hover .ConSoundcloud::after, .ConFacebookWrap:hover .ConFacebook::after, .ConYouTubeWrap:hover .ConYouTube::after{
transition: ease-in-out 0.5s;
transform: rotate(360deg);
margin-left: -7px;}

#Con_nShow{
width: 100vw;
background-color: rgb(14, 13, 13);
height: 150px;}
p.ConPhoneExt_n{width:100vw!important; height:auto!important; background:none; border:none; color: #0E0D0D; font-size:18px;}