.banner{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		margin:0 auto;
		padding:90px 7%;
		width:100%;
		height:100vh;
		background-attachment:fixed !important;
		background-repeat:no-repeat !important;
		background-size:cover !important;
		background-position:center center !important;
		}
/* Для Retina-экранов (iPhone 4 и новее) */
@media only screen and (-webkit-min-device-pixel-ratio: 2){
.banner{
		background-attachment: scroll !important;
		}
}
.banner-all{
		height:100vh;
		flex-direction:row;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		}
.banner-card{
		height:100vh;
		flex-direction:row;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		}
.banner h1,
.banner strong,
.banner p,
.banner a{
		display:block;
		font-weight:600;
		font-size:65px;
		color:#FFF;
		text-align:center;
		}
.banner h1{
		text-transform:uppercase;
		margin:30px auto;
		}
.banner-all h1{
		text-align:left;
		font-size:55px;
		margin:0 0 0 0;
		text-transform:none;
		}
.banner-card h1{
		text-align:left;
		font-size:45px;
		margin:0;
		text-transform:none;
		}
.banner-all p,
.banner-card p{
		margin:0;
		}
.banner-all p svg,
.banner-all p img,
.banner-card p svg,
.banner-card p img{
		display:block;
		height:1.2em;
		width:1.2em;
		fill:#FFFFFF;
		font-size:50px;
		-webkit-transition:all 2s ease-out;
		-moz-transition:all 2s ease-out;
		-ms-transition:all 2s ease-out;
		-o-transition:all 2s ease-out;
		transition:all 2s ease-out;
		}	
.banner-all p img,
.banner-card p img{
		border-radius:10px;
		}		
		
		
		
.banner strong{
		font-size:35px;
		}
.banner p{
		font-size:24px;
		}
.banner a{
		width:150px;
		margin:30px auto 0 auto;
		font-size:20px;
		color:#FFF;
		background:#F5B601;
		padding:15px;
		text-decoration:none;
		-webkit-transition:background 1s ease-out;
		-moz-transition:background 1s ease-out;
		-ms-transition:background 1s ease-out;
		-o-transition:background 1s ease-out;
		transition:background 1s ease-out;
		}
.banner a:hover{
		color:#FFF;
		background:#01BAF5;
		}
		
.vstavka{
		width:100%;
		height:70vh;
		background-attachment:fixed !important;
		background-repeat:no-repeat !important;
		background-size:100% auto !important;
		background-position:center center !important;
		}
		
@media (max-width: 1200px) {

}			
@media (max-width: 992px) {

}
@media (max-width: 768px) {
.banner{
		background-attachment:scrol !important;
		}
.banner-all{
		flex-direction:column;
		justify-content:center;
		}
.banner-card{
		flex-direction:column;
		justify-content:center;
		}
.banner h1,
.banner strong,
.banner p,
.banner a{
		font-size:45px;
		text-align:center;
		}
.banner-all h1{
		text-align:center;
		font-size:45px;
		}
.banner-card h1{
		text-align:center;
		font-size:45px;
		}
.banner-all p,
.banner-card p{
		margin:0;
		}
.banner-all p svg,
.banner-all p img,
.banner-card p svg,
.banner-card p img{
		font-size:50px;
		}			
.banner strong{
		font-size:25px;
		}
.banner p{
		font-size:20px;
		}
.banner a{
		width:150px;
		margin:30px auto 0 auto;
		font-size:20px;
		}	
.vstavka{
		width:100%;
		height:70vh;
		background-size:cover !important;
		}
}	