body {
	font-family: "montserrat", sans-serif;
	font-weight: 400; font-style: normal;
	margin: 0;
	padding: 0;
	background: #001628;
	color: #fff;
	font-size: 20px;
}
.container {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 700px;
}
.container::before,
.container::after {
	position: absolute; content: '';
	max-height: 250px; width: 100%; height: 100%;
}
.container::before {
	top: 0; left: 0; z-index: 0;
	background: url("../images/ivts-background_top.png") no-repeat bottom center;
	background-size: cover;
}
.container::after { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	bottom: 0; left: 0; z-index: 0;
	background: url("../images/ivts-background_bottom.png") no-repeat top center;
	background-size: cover;
}
.container-wrap { 
	width: 80%;
    max-width: 2000px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.column {
	flex: 1;
    min-width: 400px;
    padding: 40px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
} 

span.error {
	background: #0099b1;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 5px 5px 5px;
}
a { text-decoration: none; color: #fff;transition: 0.35s ease; }
a:hover { color: #0099b1; }
h1,h2,h3{
	text-transform: uppercase;
	letter-spacing: 0.125rem;
	font-family: "montserrat", sans-serif;
	font-weight: 400; font-style: normal;
}

form {
	display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}
label {
	margin-bottom: 5px;
	display: none;
}
img { max-width: 100%; height: auto; }
input[type="text"],
input[type="email"],
textarea {
	margin-bottom: 8px;
	padding: 15px;
	border: 1px solid #0099b1;
	border-radius: 4px;
	background: #001628;
	color: #fff;
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 18px;
}
input::placeholder,
textarea::placeholder {
	color: #bbb; text-transform: lowercase;
	letter-spacing: 0.025rem;
}

input[type="submit"] {
	padding: 15px;
	background-color: #0099b1;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: 0.35s ease;
	text-transform: uppercase;
	letter-spacing: 0.025rem;
	font-size: 18px;
}
input[type="submit"]:hover {
	background-color: #088295;
}

ul.contact,
ul.contact li {
	list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.contact { margin: 0 auto 25px auto; width: 100%;}
ul.contact li {
	display: inline-flex;
    flex-grow: 1;
    flex-basis: 40%;
    margin: 1%;
    justify-content: center;
	letter-spacing: 0.1rem;
	font-size: 20px;
}
ul.contact li img { vertical-align: middle; }

ul.features { width: 100%;}
ul.features,
ul.features li {
	list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.features li {
	display: inline-flex;
	flex-direction: row;
	flex-grow: 1;
	flex-basis: 40%;
	margin: 0% 1% 3% 1%;
	padding-left: 8%;
	flex-wrap: wrap;
}
ul.features li:before {
	position: absolute; top: 0; left: 0; content: '';
	width: 25px; height: 25px; aspect-ratio: 1 / 1;
	background: url("../images/ivts-bullet.png") center no-repeat;
	background-size: contain;
}

.formelm {
	display: inline-flex;
	position: relative;
    flex-direction: column;
    flex-grow: 1; 
    flex-basis: 48%;
    margin: 0% 1% 0 1%;
}
.formelm:last-child {
	flex-basis: 98%;
}

/* Responsive Breakpoints */
@media (max-width: 1100px) {
    
	.container { position: relative; }
	.container-wrap { padding: 300px 0; flex-direction: column;}
	.column { min-width: 0; padding: 40px 0; }
	.container::before { max-height: 350px; }
	ul.features, ul.features li,
	ul.contact, ul.contact li{
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	}
	ul.features li {
	padding-left: 0;
	}
	ul.features li:before {
	position: relative;
	margin: 10px auto;
	}
	ul.contact li img {
	vertical-align: middle;
	display: block;
	text-align: center;
	margin: auto;
	margin: 10px auto;
	}
	
}