

.header {
	text-align: center;
	background: rgb(62, 151, 221);
	padding: 2em;
}

.header h1 {
font-size: 32px;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.header span {
	display: block;
	font-size: 55%;
	opacity: 0.7;
	padding: 0 0 0.6em 0.1em;
}

/* Основное содержание */
.main {
	max-width: 69em;
}

.column {
	float: left;
	width: 50%;
	padding: 0 2em;
	min-height: 300px;
	position: relative;
}

.column:nth-child(2) {
	box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}

.column p {
	font-weight: 300;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

/* Стиль верхней навигации */

.nav-top {
	background: #3B7BAD;
	position: fixed;
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
    z-index: 9999;
}

.nav-top a {
	color:#FFCE84;
	padding: 0 1em;
	letter-spacing: 0.1em;
	display: inline-block;
}

.nav-top a:hover {
	color: #e74c3c;
	background: rgba(255,255,255,0.6);
}

.nav-top span.right {
	float: right;
}

.nav-top span.right a {
	float: left;
	display: block;
}

@media screen and (max-width: 46.0625em) {
	.column {
		width: 100%;
		min-width: auto;
		min-height: auto;
		padding: 1em; 
	}

	.column p {
		text-align: left;
		font-size: 1.2em;
	}

	.column:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}

	.container > header h1 {
	font-size: 2.1em;
}

}
/* Базовые стили кнопки 3D */
.button {
/* Относительное позиционирование */    
    position: relative;
/* Устанавливаем внутренние отступы */    
    padding: 15px 20px;
/* Убираем подчёркивание и выравниваем текст по центру */     
    text-decoration: none;
    text-align: center;
/* Размер и начертание шрифта */    
    font-size: 28px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
/* Эффект тени текста */     
    text-shadow: 1px 2px 2px #30698F;
/* Внешняя тень кнопки */     
    box-shadow: 0px 9px 0px #3a7faa, 0px 9px 25px rgba(0, 0, 0, 0.7);
/* Цвет текста */     
    color: #efe;
/* Цвет фона кнопки */     
    background-color: #458ecc;
/* Скругляем углы */    
    border-radius: 8px;
/* Убираем рамку */    
    border: none;
    outline: 0 none;
    overflow: hidden;
/* Курсор ввиде руки */ 
    cursor: pointer; 
}

/* Стиль кнопки при нажатии */

.button:active {
  box-shadow: 0px 3px 0px #3a7faa, 0px 3px 6px rgba(0, 0, 0, 0.9);
  top: 6px;
}

/* Стиль выделения букв */

.submit {
/* Трансформируем буквы в заглавные и меням цвет */
text-transform: uppercase;
color: #efd959;
}
.down{
    margin:55px auto;
    text-align: center;
}