body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background:#fff;
  padding:0;
  margin:0;
}

.wrapper{
	width:100%;
	min-height: 665px;  
	background:url(../images/bg.jpg) no-repeat center center fixed !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

.header{
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
}

.container{
	width:100%;
	min-height:580px;
}
	
.CombankBlock {
	padding:10px;
	margin-top:94px;
	float:right;
}

.BlockAll{
	margin:2px;
	width:429px;
	height:148px;
}

.image {

	padding:4px 0;	
}

.footer {
	background: none;
	padding: 0.2em 0.75em;
	text-align:right;
	width:450px;
	float:right;
}
.footer p {
	color: #333;
	font-weight:300;
	font-size: 1em;
}

.footer a {
	color:#666;
	font-weight:700;
}

/*---- responsive-design -----*/


@media only screen and (width:1024px) {

.wrapper {
		background:url(../images/bg-media.jpg) no-repeat top center fixed !important;
		min-height:560px !important;
	}
	.image {
		max-width:350px !important;
		max-height:113px !important;
	}
	
	.CombankBlock{
		margin-top:10px;
		padding-right:180px !important;

	}
	.container {
		min-height:500px;
		float:right;
	}
		.footer p {
		 width:auto;
		 padding:0 3px 10px 150px;
		 margin-top:-90px;
	}
		.BlockAll{
		width:auto;
		height:auto;
	}
}
	
@media only screen and (width:768px) {

.wrapper {
		background:url(../images/bg-media.jpg) no-repeat top center fixed !important;
		min-height:560px !important;
	}
	.image {
		max-width:350px !important;
		max-height:113px !important;
	}
	
	.CombankBlock{
		margin-top:5px;
		padding-right:30px !important;

	}
	.container {
		min-height:500px;
		float:right;
	}
		.footer p {
		 width:auto;
		 padding:0 3px 10px 150px;
		 margin-top:-90px;
	}
		.BlockAll{
		width:auto;
		height:auto;
	}
}

@media(max-width:414px){
.image {
		width:375px !important;
		height:121px !important;
		padding-right:5px;
		margin-top:-5px;
		padding-bottom:14px;
	}
	.wrapper {
		min-height:300px;		
		background:url(../images/bg-small2.jpg) no-repeat top center fixed !important;
	}
	.CombankBlock{
		margin-top:54px;
	}
	
	.footer p {
		 width:auto;
		 padding:0 60px 10px 60px;
		 position:absolute;
		 left:10px;
		 text-align:center;
	}
		.container{
		min-height:620px !important;
	}
		.BlockAll{
		width:auto;
		height:auto;
	}
}

@media only screen and (width:375px) {

	.image {
		width:325px !important;
		height:105px !important;
		padding-right:13px;
		margin-top:-5px;
		padding-bottom:12px;
	}
	.wrapper {
		min-height:400px;		
		background:url(../images/bg-small.jpg) no-repeat top center fixed !important;
	}
	.CombankBlock{
		margin-top:40px;
		min-height:100px !important;
		padding: 8px;
	}
	.footer p {
		 width:auto;
		 padding:0 40px 10px 40px;
		 position:absolute;
		 left:10px;
		 text-align:center;
	}
		.container{
		min-height:540px !important;
	}
		.BlockAll{
		width:auto;
		height:auto;
	}
	}

@media(max-width:360px){

	.image {
		width:325px !important;
		height:105px !important;
		padding:7px 0;			
	}

	.wrapper {
		min-height:400px;		
		background:url(../images/bg-small.jpg) no-repeat top center fixed !important;
	}
	.footer p {
		 width:auto;
		 padding:0 30px 10px 30px;
		 position:absolute;
		 left:10px;
		 text-align:center;
	}
		.container{
		min-height:540px !important;
	}
		.CombankBlock{
		margin-top:35px;	
		min-height:100px !important;
		padding-right:14px;

	}
		.BlockAll{
		width:auto;
		height:auto;
	}
	}

@media(max-width:320px){
	.image {
		max-width:300px !important;
		max-height:97px !important;
		padding:7px 0;
	}
	.wrapper {
		min-height:480px;	

	}
	.CombankBlock{
		margin-top:35px;	
		min-height:100px !important;
		padding:8px;
	}
	.container{
		min-height:470px !important;
	}
	
	.BlockAll{
		width:auto;
		height:auto;
	}
}