body {margin: 0; font: 18px "Roboto"; text-align: center;}
header {background: rgba(255, 255, 255, 0.3); position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2; text-align: right;}
nav {margin-right: 10px; display: inline-block; vertical-align: middle;}
nav ul {margin: 0px;}
nav li {display: inline-block;}
nav a {display: inline-block; padding: 20px; color: white; text-transform: uppercase; font-weight: 300; letter-spacing: 2px; transition: background ease 0.3s;}
nav a:hover {background: rgba(255, 255, 255, 0.3);}
section {position: relative; height: auto !important;}
h1 {margin: 0px; height: 1px; width: 1px; opacity: 0.1; position: absolute; overflow: hidden;}
h2 {font-size: 54px; font-family: "Bebas Neue"; font-weight: 400; letter-spacing: 1px; margin: 0px 0px 40px 0px;}
h3 {text-transform: uppercase; font-weight: 900; font-size: 18px; color: #9F9F9F; margin: 25px 0px 0px 0px;}
h4 {font-weight: 900; font-size: 18px; color: #9F9F9F; margin: 20px 0px 0px 0px;}
p {margin: 0px 0px 20px 0px; font-weight: 300;}
a {text-decoration: none; color: inherit;}

.content {max-width: 900px; margin: 0px auto;}
.logo {height: 213px; margin: 0px 0px 100px 0px;}
.textlogo {display: inline-block; vertical-align: middle; float: left; margin: 18px 15px; text-align: center;}
.textlogo img {width: 95%; max-width: 380px; display: inline-block; vertical-align: middle;}
.button {background: rgba(255, 255, 255, 0.5); padding: 16px 30px; border-radius: 10px; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 4px;}
.info {text-align: justify;}

.nocolor {color: white; overflow: hidden;}
.color {background-color: white; color: #6B6B6B;}
.color h2 {color: #6B6B6B;}
.color p {color: #9F9F9F;}
.nocolor .content {padding: 100px 20px;}
.color .content {padding: 40px 20px;}

.s1 {width: 100%; padding-top: 100px; padding-bottom: 200px;}

.down {position: absolute; bottom: 15px; left: 0px; right: 0px; margin: 0px auto;}
.column {display: inline-block; width: 420px; vertical-align: top;}
.column .price:first-of-type {margin-top: 0px;}
.column .price:last-of-type {margin-bottom: 0px;}
.price {border: 1px solid #6B6B6B; padding: 12px; margin: 20px 10px;}
.price img {height: 59px; vertical-align: middle; margin: 0px 15px;}
.price span {font-weight: 900; font-size: 32px; vertical-align: middle; text-transform: uppercase;}
.price .small {font-size: 20px;}
.nowrap {white-space: nowrap;}

.order table {border-spacing: 20px 15px;}
.order td {padding: 0px; position: relative; border: 1px solid #6B6B6B; border-radius: 10px;}
input, .select-wrapper {border: 0px; background: transparent; font-size: 12px; padding: 10px; font-weight: 300; color: #6B6B6B; outline: none; width: 100%; height: 40px; box-sizing: border-box;}
.select-wrapper {padding: 0px;}
input.select-dropdown {padding: 10px;}
input[type=date] {-webkit-padding-start: 0px; position: relative; left: 10px;}
.placeholder {position: absolute; top: 0px; z-index: 2; background: white; border-radius: 10px;}
.contacts {margin: 10px;}
.contact {display: inline-block; vertical-align: top; margin: 20px 10px; border: 2px solid #6B6B6B; border-radius: 10px; text-align: center; width: calc(33.333% - 20px); box-sizing: border-box;}
.contact a {display: block; width: 100%; height: 100%; padding: 10px;}
.contact img {height: 91px; margin-bottom: 10px;}
.contact p {font-weight: 900; color: #6B6B6B; font-size: 16px; text-align: center; width: 100%; margin-bottom: 5px;}
.order input[type=submit] {background: #6B6B6B; color: white; margin: 0px 20px; width: calc(100% - 40px); border-radius: 10px; text-transform: uppercase; font-weight: 700;}

.arenas p {margin: 0px;}
.arenas a {text-decoration: underline;}

footer {background: #6B6B6B; padding: 27px 10px; position: relative;}
.footerColumn {display: inline-block;}
.footerColumn:nth-of-type(1) {width: 40%; text-align: left; vertical-align: middle;}
.footerColumn:nth-of-type(1) img {height: 37px; vertical-align: middle; margin-right: 5px;}
.footerColumn:nth-of-type(2) {width: 20%; text-align: center; vertical-align: middle;}
.footerColumn:nth-of-type(2) img {height: 25px; vertical-align: middle;}
.footerColumn:nth-of-type(3) {width: 40%; text-align: right; vertical-align: middle;}
.footerColumn:nth-of-type(3) img {height: 55px; vertical-align: middle;}

::-webkit-input-placeholder {color: #6B6B6B;}
::-moz-placeholder {color: #6B6B6B;}
:-ms-input-placeholder {color: #6B6B6B;}
:-moz-placeholder {color: #6B6B6B;}

@font-face {font-family: "Bebas Neue"; src: url(/font/bebas_neue.otf);}

@media (max-width: 900px) {
    .column {display: block; text-align: center; margin: 0px auto; max-width: 420px; width: 100%;}
    .price {margin: 20px auto !important;}
}

@media (max-width: 750px) {
    .order {border-spacing: 0px;}
    .order td {display: block; margin: 10px 0px;}
    .order tr {display: block; margin: 0px;}
    .order input[type=submit] {margin: 0px;}
    .contact {display: block; width: calc(100% - 20px);}
    nav a {padding-left: 10px; padding-right: 10px;}
}

@media (max-width: 550px) {
    h2 {font-size: 48px;}
    nav a {padding-left: 7px; padding-right: 7px;}
}

@media (max-width: 460px) {
    .column {width: 100%;}
    .price {width: 95%; margin: 20px auto;}
    .price img {height: 45px;}
    .price span {font-size: 25px;}
    .price .small {font-size: 16px;}
}

@media (max-width: 430px) {
    .price img {height: 40px;}
    .price span {font-size: 16px;}
    .footerColumn {display: block; text-align: left !important; width: auto !important; margin-left: 10px;}
    .footerColumn:nth-of-type(1) {margin-bottom: 20px;}
    .footerColumn:nth-of-type(2) {position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
}

@media (max-width: 360px) {
    .logo {height: auto; width: 85%;}
    .nowrap {display: block;}
}