/**{
	margin: 0;
	padding: 0;
	font-family: poppins;

}*/

.footer{
	width: 100%;
	display: block;
}

.icon{
	max-width: 40%;
	margin-left: -50px;
/*	position: absolute;*/
 /* bottom: 8px;
  left: 16px;*/
}



.inner-footer{
	width: 95%;
	margin: auto;
	padding: 30px 10px;
	/*display: flex;
	flex-wrap: wrap;*/
	box-sizing: border-box;
	justify-content: center;
}

.footer-items{

width: 45%;
padding: 10px 20px;
box-sizing: border-box;
position: relative;
left: auto;
}

.bottom-left {
/*position: absolute;
bottom: 60px;
left: 170px;
left: auto;*/
letter-spacing: 2px;
position: absolute;
  bottom: 45px;
  left: 68px;
}


.footer-content{
	

	margin: 10px 0;
	color: #fff;
	-webkit-text-stroke: 1px #000;
	
}
.footer-content:before{
	content: attr(data-text);
	color: black;
	white-space: nowrap;
	transition: 2s;
	overflow: hidden;
	position: absolute;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	transition: 2s;
	text-transform: uppercase;

}
.footer-content:hover:before{
	width: 100%;
}

a{
	color: #000;
	text-decoration: none;
}

a:hover{
	color: #7b7b7b;
	text-decoration: none;

}
h1 a:visited 
{
    text-decoration: none; 
  
}

.footer-bottom{
	padding: 10px;
	font-size: .7rem;
	font-family: arial;
}

.social{
	float: right;
	font-size: 100%; 
	margin-right: 10px;
}
.footer:a:hover{
	color: #556fff;
}
.contact{

	margin: auto;
}
@media only screen and (max-width: 3000px) and (min-width: 1400px){
	.bottom-left {
    
    bottom: 150px;
    left: 250px;
}

@media only screen and (max-width: 600px) {

	

	.icon {
    max-width: 60% !important;
}
h5 {
    font-size: .5rem !important;
    }
h1{
	font-size: calc(1.5rem + .1vw) !important;
}
.footer-bottom{
	padding: 10px;
	font-size: 0.4em;
}

.social{
	float: right;
	font-size: 100%; 
	margin-right: 10px;
}
.footer-items {
    width: 100%;
    }
}
@media only screen and (max-width: 400px){
	
.bottom-left {
    bottom: 29px;
    left: 18px;
    }
.footer-bottom{
	margin-top: 150px;
	font-size: 5px;
   }
.social{
	font-size: 5px;
}
}