#popup *, *::before, *::after {
			box-sizing: border-box;
		}

		#popup h1 {
			font-variant: small-caps;
		}
		#popup .contact {
			visibility: hidden;
			opacity: 0;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			transition: .5s;
			background-color: #fff;
		}
		#popup .contact section {
			text-align: right;
			padding: 10px;
		}
		#popup 	.contact section a {
				border: none;
				text-decoration: none;
				outline: none;
				color: #e05e02;
			}
		#popup .contact:target {
			visibility: visible;
			opacity: 1;
		}
		#popup .contact-form {
			position: absolute;
			max-width: 500px;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
			display: flex;
			flex-direction: column;
			box-shadow: 0 0 20px rgba(0,0,0,0.2);
			width:90%;
			border-radius: 20px;
			overflow: hidden;
		}
		#popup .contact-form-input,
		#popup .contact-form button {
			font-family: inherit;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 12px;
			padding: 24px;
			letter-spacing: 1px;
			border: none;
			width: 100%;
			outline: none;
		}
		#popup .contact-form button {
			background-color: #e05e02;
			padding: 20px;
			color: #fff;
		}
		#popup .contact-form div:nth-child(1),
		#popup .contact-form div:nth-child(2) {
			position: relative;
		}
		#popup .contact-form div:nth-child(1)::after,
		#popup .contact-form div:nth-child(2)::after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 1px;
			background-color: rgba(0,0,0,0.15);
		}
		#popup .contact-form textarea {
			overflow: auto;
			height: 100px;
			text-transform: none;
		}