/* FOOTER ||||||||||||||||||||||||||||||||||||||*/

footer {
	position : relative;
	flex-grow : 0;
	flex-shrink : 1;
	flex-basis : auto;
	padding : 250px 20px 40px 7vw;
	width : 75vw;
	color : white;
	font-weight : 500;
	font-style : italic;
	overflow : hidden;
	}
	
footer:after {
	content : "";
	position : absolute;
	top : 200px;
	right : 0;
	width : 150vw;
	height : 100vh;
	background : #e10085;
	transform: rotate(-5deg);
	z-index : -1;
	}
	
footer > div {
	z-index : 2;
	}

footer div.table {
	display : table;
	border-collapse : collapse;
	}

footer div.tr {
	display : table-row;
	}

footer div.td {
	display : table-cell;
	vertical-align : top;
	padding-right : 3vw;
	text-align : left;
	vertical-align : bottom;
	}

footer div.td:last-child {
	padding-right : 0;
	}
	
footer div.cell1, footer div.cell2 {
	display : inline-block;
	}
	
footer div.cell1 {
	padding-right : 1vw;
	}
	
footer h1 {
	padding-bottom : 0.2em;
	font-weight : 600;
	font-size : 2.4rem;
	}
	
footer h2 {
	padding-bottom : 1em;
	padding-right : 1.5em;
	font-weight : 500;
	font-size : 0.9rem;
	}

footer p {
	display : inline-block;
	font-size : 0.9rem;
	vertical-align : top;
	font-weight : 500;
	}
	
footer a {
	text-decoration: none;
	color: white;
	}
	
footer a:hover {
	color: #333;
	}
	
footer .short {
	display : none;
	}
	
footer a.tel {
	text-decoration: none;
	color: white;
	}


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

	footer {
	width : auto;
	padding-right : 0;
	}
	
}

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

	footer {
	margin-top : -50px;
	}

	footer > div {
	padding-right : 10vw;
	}

	footer div.table {
	display : inline-block;
	}

	footer div.tr {
	display : block;
	}

	footer div.td {
	display : block;
	padding : 12px 0;
	}

    footer p {
    margin-right: 0;
    }
	
	footer .long {
	display : none;
	}
	
	footer .short {
	display : inline;
	}
	
}