header {
	width : 100%;
	}
	
header img {
	position : relative;
	margin-top : 20px;
	margin-left : 30px;
	width : 250px;
	vertical-align : middle;
	}
	
header ul {
	display : inline-block;
	position : relative;
	width : calc(100vw - 320px);
	margin-top : 35px;
	list-style : none;
	font-size : 1rem;
	font-weight : 500;
	font-style : italic;
	text-transform : uppercase;
	letter-spacing : 0.15em;
	color : white;
	text-align : right;
	vertical-align : middle;
	text-shadow : 1px -1px 0px rgba(0,0,0,0.10), -1px -1px 0px rgba(0,0,0,0.05), 0px 0px 7px rgba(0,0,0,0.25), 0px 0px 15px rgba(0,0,0,0.25);
	}
	
header li {
	display : inline-block;
	padding-right : 10px;
	}
	
header li a {
	display : inline-block;
	color : white;
	text-decoration : none;
	-webkit-transition : all 0.25s ease;
       -moz-transition : all 0.25s ease;
		 -o-transition : all 0.25s ease;
			transition : all 0.25s ease;
	}

header ul a:hover {
	color : #e10085;
	}
	
header .tel {
	display : block;
	position : absolute;
	top : 35px;
	right : 30px;
	color : #e10085;
	font-size : 1.25rem;
	font-weight : 500;
	font-style : italic;
	letter-spacing : 0.1em;
	text-shadow : 0px 0px 3px #d9d9d9, 0px 0px 5px #d9d9d9, 0px 0px 10px #d9d9d9, 0px 0px 20px #d9d9d9;
	}
	
.tel a {
	text-decoration: none;
	color: #e10085;
	}
	
.tel-icon {
	display : none;
	}
	
@media screen and (max-width: 625px){

	header li {
	display : block;
	}
	
	header .tel {
	display : none;
	}
	
	.tel-icon {
	display : inline-block;
	text-align: right;
	}
	
	.tel-icon img {
	display : block;
	width: 27px;
	height: 27px;
	margin-top : 0px;
	margin-bottom : 10px;
	}

}

@media screen and (max-width: 425px){

	header ul {
	display : none;
	}
	
	header {
	text-align : center;
	}
	
	header img {
	margin-left : 0px;
	}

}