html {
	/*min-height: 100%;*/
	height:100%;
}
body {
	/* Отступ снизу, по высоте футера */
	/* margin-bottom: 300px !important;*/
	height:100%;	
}

a {
	color:#439AC8;
    transition: .33s all ease;	
}

a:focus,
a:hover {
	color:#FF7F00;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    color:#000;
}

.h1, h1 {
    font-size: 30px;
}
.h2, h2 {
    font-size: 26px;
}
.h3, h3 {
    font-size: 24px;
}
.h4, h4 {
    font-size: 22px;
}
.h5, h5 {
    font-size: 20px;
}
.h6, h6 {
    font-size: 18px;
}

.container {
   position:relative;
}

.main-container {
    padding-top: 150px;
   /* padding-bottom: 30px; */
    min-height: 100%;
    height: auto; 
    margin: 0 auto -300px;
    padding-bottom: 350px;	
   /* height: 100%; */
    box-sizing:border-box;		
}


.footer {
 /*	position: absolute;
	bottom: 0; */
	width: 100%;
	min-width:320px;
	height:300px;
	background-color:#21292F;
	color:#fff;
}

.icon {
    background-color: #415566;
	display:block;
	position:relative;
}

.icon:hover,
.icon:focus {
    background-color: #FF7F00;
}

.icon.smallest {
	width:26px;
	height:26px;
	border-radius:4px;	
}

.icon icon {
	display:block;
	position:absolute;
	width:100%;
	left:0px;
}

.icon.smallest icon {
	top:6.5px;
	height:13px;
}

.icon.facebook icon {
	background:url(../images/icons/facebook.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.icon.twitter icon {
	background:url(../images/icons/twitter.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.icon.google-plus icon {
	background:url(../images/icons/google+.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.alert {
	z-index: 1000;
    position: relative;
}


@media screen and (max-width: 992px) {
	.main-container {
		padding-top: 110px;	
	}
	
	.main-container {
		padding-top: 105px;	
		margin: 0 auto -500px;
		padding-bottom: 550px;			
	}	
	
    .footer {	
   	   height:500px;	
	}
	
	
}

@media screen and (max-width: 767px) {
	
.h1, h1 {
    font-size: 26px;
}
.h2, h2 {
    font-size: 22px;
}
.h3, h3 {
    font-size: 20px;
}
.h4, h4 {
    font-size: 18px;
}
.h5, h5 {
    font-size: 16px;
}
.h6, h6 {
    font-size: 14px;
}
	
	.container {
		padding-left:10px;
		padding-right:10px;
	}

	.main-container {
		padding-top: 90px;	
	}	
		
	.row,
	.container>.navbar-header {
		margin-right: -10px;
		margin-left: -10px;
	}	
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 10px;
		padding-left: 10px;
	}	
}


@media screen and (max-width: 520px) {
	
	.main-container {
		padding-top: 80px;			
		margin: 0 auto -600px;
		padding-bottom: 630px;			
	}	
	
    .footer {	
   	   height:600px;
	}	
}

@media screen and (max-width: 420px) {
	.container {
		padding-left:5px;
		padding-right:5px;
	}
	.row,
	.container>.navbar-header {
		margin-right: -5px;
		margin-left: -5px;
	}	

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 5px;
		padding-left: 5px;
	}	
	
	
}