/* 700px viewport width ÷ 16px = 43.75em */

/*
ROOT
_______________________________________________________
*/

:root {
	/*=== FONTS ===*/
	--f--inconsolata-small-size: calc(.25rem + 1vw);
}

/*
BOUT TO LAUNCH TEMP PAGE 
_______________________________________________________
*/

main.main-temp {
	height: 100vh;
	min-height: unset;
}

.main-temp .main-relative {
	min-height: unset;
}

.layers.layer__1 {
	flex-direction: row !important;
	align-items: unset !important;
	padding: 0 5vw;
}

/* Flex fallback */

.layers.layer__1 section {
	float: left;
}

.layers.layer__1 .um {
	width: 50%;
}

.layers.layer__2 .dois {
	width: 10%;
}

.layers.layer__3 .tres {
	width: 40%;
}

/* Flex fallback ENDS */

.layers.layer__1 section {
	height: 100%;
}

.layer__1 .um {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	flex: 3;
}

.layer__1 h1.display-1 {
	font-size: calc(1.625rem + 20vw);
	letter-spacing: -.09555em;
	line-height: 0.7111;
	margin: 0;
	text-align: left;
}

.dois__black-cupid {
	flex: 1;
}

.dois__black-cupid #black-cupid {
	width: 35vw;
	max-width: 425px;
}

.layer__1 .tres {
	flex: 3;
	flex-direction: column !important;
}

.tres__links .footer-links {
	padding: 5vh 0;
	width: 100%;
	height: auto;
}

.footer-links li,
.footer-links a {
	line-height: 4;
	text-align: right;
}

/*
TYPOGRAPHY
_______________________________________________________
*/

h1,
h2,
h3,
h4 {
	letter-spacing: -0.08em;
}

.neon-g-small-text {
	text-align: right;
}

/*
HOMEPAGE & SECONDARY NAVIGATION
_______________________________________________________
*/

.secondary-nav.list-group {
}

.secondary-nav .list-group-item {
	font-size: 1rem;
}

.branding-bs.list-group-item {
	width: 340px;
	height: 2.4rem;
}

.mini-nav-inner {
	background-size: 65%;
	height: 30px;
}

#special-note.mini-nav {
	width: 55%;
	min-width: 295px;
}

#neon-fs-nav-trigger.mini-nav {
	width: 43%;
	min-width: 240px;
}

.contact-cta.mini-nav {
	width: 27%;
	min-width: 150px;
}

.cv-cta.mini-nav {
	width: 20%;
	min-width: 100px;
}

.mini-nav-inner.cv-icon-container {
	background-size: 55%;
}

/*
FS INNERPAGE NEON NAVIGATION
_______________________________________________________
*/

/*
COMPONENTS
_______________________________________________________
*/

.hea-cta-rotate .hea-cta-content {
	width: calc(30rem + 10vw);
	max-width: 485px;
}

.hea-cta-container.hea-child-mobile .hea-cta-rotate .hea-cta-content {
}

.cta-wwm:nth-child(2) {
	background-size: calc(5.25rem + 5.75vw);
	flex: 2;
}

.hea-cta-container.hea-child-mobile .cta-wwm:nth-child(2) {
	background-size: calc(3rem + 5.75vw);
	flex: 2;
}

/*
FOOTER
_______________________________________________________
*/

.top-footer {
	padding: 2% 0;
}

.top-footer .top-footer-child.list-group {
	line-height: 10vh;	
	margin-top: calc(5vh + 2rem);
}

.top-footer-child.list-group .footer-s-c {
	padding: 1% 5% 1% 2%;
}

.footer-s-c:after {
	right: 13%;
}

.f-c-elements.f-c-back2-top .get-up-ascii-arrow {
	background-size: 77%;
	padding: calc(5vw * 2);
	min-height: 200px;
}

.f-c-elements.f-c-video {
	width: 88%;
	-webkit-transform: translateY(calc(10vh - 20px));
	-moz-transform: translateY(calc(10vh - 20px));
	-ms-transform: translateY(calc(10vh - 20px));
	-o-transform: translateY(calc(10vh - 20px));
	transform: translateY(calc(10vh - 20px));
}

.footer .bottom-footer {
	padding: 2% 0;	
}

.bottom-footer .barcode {
	background-size: 100%;
	padding: 5% 0;
	width: 50%;
}

.bottom-footer p {
	padding: 2% 0 0 0 !important;
}

/*=== FORM MAIN ===*/

input[value="Submit"],
input[value="Reset"] {
	font-size: calc(.15rem + 1.5vw);
}

#contact-form-bg .form__main-container {
	min-width: 400px;
}

#neon-contact-form .contact-form-video {
	max-height: 145px;
}

form h1.display-4 {
	font-size: calc(1.475rem + 3vw);
}

.input__non-buttons {
	padding: 2.5rem 0 2.85rem 0;
}

.input__non-buttons label {
	font-size: calc(1rem + 2vw);
	letter-spacing: -.025em;
}

.input__label-container input:focus + label,
.input__label-container.active input + label,
.input__label-container textarea:focus + label,
.input__label-container.active textarea + label {
	font-size: calc(.15rem + 1.5vw);
}

.input__non-buttons.input__label-message {
	padding: 4rem 0 5.25rem;	
}

.input__non-buttons input,
.input__non-buttons textarea {
	padding: 1.35rem 1rem 1.35rem 8.5rem;
}