footer {
	min-height: 250px;
	background: #808088;
	margin: 40px 0px 0px 0px;
	padding: 30px;
	background: #25474c;
	background: linear-gradient(to bottom, #4b4b4b, #272727);
	color: #d0d0d6;
	font-weight: 300;
	font-size: 12px;
}

	footer a {
		color: #ffffff;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
	}
	footer a:hover {
		color: #69d2e2;
	}
	
	footer div.frame {
		max-width: 1400px;
		width: 98%;
		margin: 40px auto;
		box-sizing: border-box;
		display: table;
	}
		footer div.frame div {
			vertical-align: top;
			display: table-cell;
		}
		
			footer div.logo {
				width: 25%;
				font-family: "Pacifico", cursive;
				font-weight: 400;
				font-style: normal;
				font-size: 48px;
				color: #ffffff;
				opacity: 0.6;
			}			
				footer div.logo span {
					color: #15dde9;
					font-size: 32px;
				}
				
			footer div.contacts {
				width: 25%;
			}
				footer div.contacts a.phone {
					font-size: 22px;
					font-weight: 600;
				}
				footer div.contacts a.min {
					font-size: 18px;
					font-weight: 400;
				}
				
				footer div.contacts a.email {
					font-size: 16px;
				}
						
				footer div.soc img {
					height: 48px;
					margin: 15px 20px 0px 20px;
					opacity: 0.8;
				}
				footer div.soc a:hover img {
					opacity: 1;
				}
				
				footer div.soc a.inst {
					display: block;
					padding: 3px 5px 3px 40px;
				}
				footer div.soc a.inst img {
					height: 28px;
					margin: -5px 0px 0px -35px;
					position: absolute;
				}
				footer div.soc a.inst {
					color: #d43e6a;
				}
				footer div.soc a.inst:hover {
					color: #ff8d2d;
				}
					footer div.soc a.inst span {
						display: none;
						position: absolute;
						width: 130px;
						font-size: 10px;
						background: #ffffff;
						border-radius: 10px;
						padding: 10px;
						margin: 24px 0px 0px -38px;
					}
					footer div.soc a.inst:hover span {
						display: inline;
					}
			footer div.contacts button {
				font-size: 12px;
				margin: 0px 0px 0px 0px;
				font-family: 'Bitter', sans-serif;
				border: 1px solid #606066;
				background: #f0f0f6;
				cursor: pointer;
				padding: 4px 10px 4px 10px;
				text-transform: uppercase;
				font-weight: 700;
				
			}
			footer div.contacts button:hover {
				background: #e0e0e6;
				color: #000000;
			}
			

@media screen and (max-width: 1000px) {
	footer div.frame div.logo {
		display: none;  
	}		
	footer div.contacts {
		width: 220px;
	}
}


@media screen and (max-width: 821px) {
	footer {
		padding: 20px 20px 20px 20px;
	}
	footer div.frame div.logo {
		display: block;  
	}		
	footer div.logo img {
		width: 40%;
		opacity: 0.7;
		margin: 0px 20px 30px 0px;
	}
		
	footer div.frame div {
		display: block;  
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}		
	footer div.frame div.contacts {
		width: 50%;
		float: left;
	}
	footer div.frame div.info {
		clear: both;
		padding: 20px 0px 0px 0px;
	}
	
	
}

@media screen and (max-width: 500px) {
	footer div.frame div.contacts {
		width: 100%;
		float: none;
	}
	footer div.frame div.soc {
		padding: 20px 0px 0px 0px;
	}
}