* {
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	margin: 0;
	background: #FAFAFA;
}

a {
	text-decoration: none;
	cursor: pointer;
}

::selection {
	background: #00FFCC;
	color: #FFFFFF;
}

/* -------------------- HEADER -------------------- */

header {
	height: 7vw;
	width: 100%;
}

#logo {
	display: block;
	position: absolute;
	height: 2vw;
	width: 9vw;
	left: 5vw;
	top: 2.5vw;
/* */
	color: transparent;
/* */
	background: url(../img/logo.svg) no-repeat;
	background-size: contain;
}

/* -------------------- NAV -------------------- */

nav {
	display: block;
	position: fixed;
	height: 6vw;
	width: 100%;
/* */
	background: #E7E7E7;
}

nav div {
	position: absolute;
	height: 6vw;
	right: 2vw;
	top: 0;
}

nav div a {
	display: inline;
	margin: 0 1vw;
	padding: 0 0.3vw;
	height: 6vw;
/* */
	text-align: center;
	text-transform: uppercase;
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 1vw;
	line-height: 6vw;
	color: #777777;
}

nav div a:hover {
	color: #004D37;
}


#flag {
	display: inline-block;
	margin: 0 1vw -0.1vw 1vw;
	height: 0.9vw;
	width: 1.5vw;
/* */
	background: url(../img/flag.svg) no-repeat center center;
	background-size: contain;
	border: none;
}

bus {
	display: block;
	height: 100%;
	width: 50%;
/* */
	background: url(../img/bus.webp) no-repeat center left;
	background-size: cover;
}

aside {
	display: block;
	padding: 5vw;
	height: 100%;
	width: 50%;
/* */
	background: #004D37;
}

aside span:nth-child(1) {
	display: block;
/* */
	font-style: italic;
	font-family: 'Newsreader', monospace;
	font-weight: 100;
	font-size: 4vw;
	line-height: 1;
	color: #EFDFCC;
}

aside span:nth-child(2) {
	display: block;
/* */
	text-transform: uppercase;
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 5vw;
	line-height: 1;
	color: #E7E7E7;
/* */
	content: '';
}

aside span:nth-child(2)::after {
	animation: cycle 10s infinite;
	content: '';
}

@keyframes cycle {
	0% { content: 'technology'; }
	20% { content: 'technology'; }
	40% { content: 'cybersecurity'; }
	60% { content: 'optimization'; }
	80% { content: 'connectivity'; }
	100% { content: 'web design'; }
}

aside span:nth-child(3) {
	display: block;
	margin: 2vw 0;
	height: 0.2vw;
	width: 8vw;
/* */
	background: #EFDFCC;
}

aside span:nth-child(4) {
	display: block;
	margin-top: 2vw;
/* */
	text-transform: uppercase;
	font-family: 'Outfit', monospace;
	font-weight: 100;
	font-size: 4vw;
	line-height: 1;
	color: #EFDFCC;
}

/* -------------------- MAIN -------------------- */

main {
	display: block;
	position: absolute;
	width: 100%;
	top: 40vw;
	left: 0;
}

#slogan {
	margin-top: 1vw;
	height: 6vw;
	width: 100%;
/* */
	text-align: center;
	font-style: italic;
	font-family: 'Newsreader', monospace;
	font-weight: 100;
	font-size: 3vw;
	line-height: 1;
	color: #004D37;
}

/* -------------------- SERVICES -------------------- */

#services {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
	gap: 1vw;
}

.service {
	width: 100%;
/* */
	text-transform: uppercase;
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 1vw;
	line-height: 1;
	color: #333333;
}

.service:nth-child(1),.service:nth-child(13) {
	width: 1vw;
}

.service:nth-child(3),.service:nth-child(5),.service:nth-child(7),.service:nth-child(9),.service:nth-child(11) {
	width: 1vw;
	border-left: 1px solid #CCCCCC;
}

.service span {
	display: block;
	padding-top: 1vw;
/* */
	text-transform: none;
	font-family: 'Newsreader', monospace;
	font-weight: 400;
	font-size: 1.2vw;
	line-height: 1.2;
	color: #777777;
}

.svc {
	display: block;
	margin-bottom: 1vw;
	width: 100%;
}

#svc-cyber {
	height: 9vw;
/* */
	background: url(../img/services/cyber.webp) no-repeat center center;
	background-size: cover;
}

#svc-support {
	height: 13vw;
/* */
	background: url(../img/services/support.webp) no-repeat center center;
	background-size: cover;
}

#svc-strategy {
	height: 11vw;
/* */
	background: url(../img/services/strategy.webp) no-repeat center center;
	background-size: cover;
}

#svc-innovate {
	height: 15vw;
/* */
	background: url(../img/services/innovate.webp) no-repeat center center;
	background-size: cover;
}

#svc-optimize {
	height: 9vw;
/* */
	background: url(../img/services/optimize.webp) no-repeat center center;
	background-size: cover;
}

#svc-design {
	height: 11vw;
/* */
	background: url(../img/services/design.webp) no-repeat center center;
	background-size: cover;
}

/* -------------------- PRICING -------------------- */

#pricing {
	display: block;
	margin-top: 4vw;
	padding: 5vw;
	width: 100%;
/* */
	background: #EFDFCC;
}

#afford {
	display: inline-block;
	padding: 5vw 5vw 4vw 5vw;
	width: 35vw;
/* */
	font-style: italic;
	text-transform: lowercase;
	font-family: 'Newsreader', monospace;
	font-weight: 100;
	font-size: 6vw;
	line-height: 1;
	color: #004D37;
/* */
	border: 10px solid #CDBCA4;
}

#prices {
	display: inline-block;
	vertical-align: top;
	padding: 3vw 0 0 10vw;
	width: 45vw;
/* */
	text-transform: uppercase;
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 2vw;
	line-height: 1;
	color: #004D37;
}

#dollar {
	display: block;
	margin: 1vw 0;
/* */
	text-transform: none;
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 7vw;
	line-height: 1;
	color: #004D37;
}

#dollar sub {
	font-weight: 500;
}

#seats {
	display: block;
	margin-top: 2vw;
/* */
	text-transform: none;
	font-family: 'Outfit', monospace;
	font-weight: 500;
	font-size: 1.5vw;
	line-height: 1.3;
}

#consult {
	display: inline-block;
	position: relative;
	padding: 1vw 1.2vw;
	left: 18vw;
	top: 2vw;
/* */
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 1vw;
	line-height: 1;
	color: #EFDFCC;
/* */
	background: #004D37;
	box-shadow: 10px 10px 0px 0px #CDBCA4;
	animation: wiggle 2s linear 1s infinite;
}

#consult:hover {
	color: #00FF00;
}

@keyframes wiggle {
	0% { margin-left: -2px; }
	5% { margin-left: 2px; }
	10% { margin-left: -2px; }
	15% { margin-left: 2px; }
	20% { margin-left: -2px; }
	25% { margin-left: 2px; }
	30% { margin-left: -2px; }
	35% { margin-left: 2px; }
	40% { margin-left: 0px; }
	100% { margin-left: 0px; }
}

/* -------------------- LOCATIONS -------------------- */

#locations {
	display: block;
	padding: 4vw 5vw;
	width: 100%;
/* */
	font-style: italic;
	font-family: 'Newsreader', monospace;
	font-weight: 100;
	font-size: 1.5vw;
	line-height: 2;
	color: #004D37;
}

#locations span {
	display: block;
	margin: 0 0 2vw 0;
/* */
	font-style: normal;
	font-family: 'Outfit', monospace;
	font-weight: 100;
	font-size: 4vw;
	line-height: 1;
	color: #004D37;
}

/* -------------------- CONTACT -------------------- */

#contact {
	height: 32vw;
	width: 100%;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

#lefty {
	padding: 7vw;
	height: 32vw;
	width: 60%;
/* */
	background: #004D37;
}

#cal {
	display: inline-block;
	padding: 1.5vw 2vw;
/* */
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 3vw;
	line-height: 1;
	color: #004D37;
/* */
	background: #00FF00;
	box-shadow: 15px 15px 0px 0px #002E21;
	animation: wiggle 2s linear 1s infinite;
}

#tel {
	display: inline-block;
	padding: 1.5vw 2vw;
	margin: 6vw 0 0 15vw;
/* */
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 3vw;
	line-height: 1;
	color: #004D37;
/* */
	background: #E7E7E7;
	box-shadow: 15px 15px 0px 0px #002E21;
}

#righty {
	height: 32vw;
	width: 40%;
}

video {
	height: 32vw;
	width: 100%;
}

video[poster] {
	object-fit: cover;
}

/* -------------------- FOOTER -------------------- */

#footer {
	width: 100%;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

#twenty {
	width: 30%;
	padding: 6vw 0 0 6vw;
}

#gsba {
	display: block;
	height: 7vw;
	width: 20vw;
/* */
	color: transparent;
/* */
	background: url(../img/gsba.webp) no-repeat center center;
	background-size: contain;
}

.link {
	display: inline-block;
	padding: 0.5vw 1vw;
	margin: 2vw 1vw 0 0;
/* */
	font-family: 'Outfit', monospace;
	font-weight: 700;
	font-size: 1.2vw;
	line-height: 1.2;
	color: #E7E7E7;
/* */
	background: #BBBBBB;
}

.link:hover {
	background: #999999;
}

.copy {
	display: inline-block;
	margin: 2vw 0;
	width: 20vw;
/* */
	font-family: 'Roboto', monospace;
	font-weight: 400;
	font-size: 0.8vw;
	line-height: 1.3;
	color: #999999;
}

#eighty {
	width: 70%;
	padding: 2vw 5vw;
}

.tribe {
	font-family: 'Outfit', monospace;
	font-weight: 900;
	font-size: 3.5vw;
	line-height: 1.2;
	color: transparent;
/* */
	background: linear-gradient(135deg, #35c488 10%, #a20ef0 100%);
	text-fill-color: transparent;
	background-clip: text;
}

/* -------------------- MEDIA -------------------- */

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



}

@media only screen and (max-width: 744px) and (orientation: portrait) {



}

/* -------------------- PRINT -------------------- */

@media print {

	* {
		display: none;
	}

}