body{
	margin:0px;
	padding:0px;
	font-family: "Helvetica";
}
#wrapper{
	width:1024px;
	margin:0 auto;
}

#header{
	width:100%;
	float:left;
	margin-top:3%;
}
#header-bg{
	position: absolute;
	width:100%;
	height:180px;
	background:#f3f4f4;
	z-index: -1;
}
#logo{
	width:40%;
	float:left;
	margin-right:10%;
}
#logo img{
	width:90%;
}
#info{
	width:46%;
	float:right;
	
}
.contact{
	width: 100%;
	float: left;
	padding-bottom: 16px;
	margin-top: 6px;
}
.user-icon{
	float:left;
	padding-right:4px;
	margin-top:1px;
}
.user-link a{
	text-decoration: none;
	color:black;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.728;
	text-align: left;
	z-index: 36;
}
.user-link2{
	float:left;
}
.user-link2 a{
	text-decoration: none;
	font-size: 16px;
	color:#f17030;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.728;
	text-align: left;
	z-index: 36;
}
.user-number{
	float:left;
	color:#f17030;
	font-size:24px;
	font-weight: 500;
}
#inside{
	color:black;
}



#content{
	width:100%;
	float:left;
	margin-top: 206px;
}
#left-col{
	width:40%;
	float:left;
	margin-right:10%;
}
#right-col{
	width:50%;
	float:left;
}
.lista{
	list-style-image: url('../images/thumbs/bullet.png');
	margin-left: -16px;
}
.lista li{
	font-weight: 200;
	font-size:18px;
	line-height: 36px;
}
.lista2{
	width:100%;
	float:left;
	list-style-image: url('../images/thumbs/bullet-red.png');
	margin-left: -16px;
	margin-top:26px;
}
.lista2 li{
	font-weight: 200;
	font-size:18px;
	line-height: 36px;
	font-weight: 600;
}


#bg{
	position: absolute;
	margin-top: 170px;
	width:100%;
	height:160px;
	
}
#bg img{
	width: 100%;
	height: 196px;
	border-bottom: 4px solid #f3f4f4;
}
#background-text{
	background: #dcdddf;
	position: absolute;
	width:auto;
	margin-top: 276px;
}
#background-text p{
    font-size: 30px;
	font-weight: 500;
	margin: 10px 10px;
}

#footer{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom: 10%;
	border-top:1px solid #ea6721;
}
#footer-wrap{
	width:1024px;
	margin:0 auto;
}
#footer-link{
	text-decoration: none;
	color:#ec7637;
}
#footer-link:hover{
	color:#f66618;
}
#footer-p{
	float:left;
	width: 40%;
	font-size: 14px;
}#footer-p2{
	float:left;
	width: 31%;
	font-size: 14px;
	text-align: right;
	padding-right: 14px;
}
#footer-socials{
	float:left;
	width: 22%;
}


@media screen and (max-device-width: 480px) {
	#wrapper{
		width:90%;
	}
	#content{
		margin-top:6px;
	}
	#header-bg{
		display:none;
	}
    .contact{
    	margin-bottom:4%;
    }
	.lista li{
		font-weight: 200;
		font-size:2vw;
		line-height: 40px;
		padding-bottom: 14px;
	}
	.lista2 li{
		font-size:4.5vw;
		line-height: 40px;
		font-weight: 600;
		padding-bottom: 20px;
	}
	.user-icon{
		width:5%;
	}
	.user-icon img{
		width:100%;
	}
	.user-link a{
		font-size: 4vw;
	}
	.user-number{
		font-size: 5vw;
	}
	#background-text p{
		font-size: 6vw;
        padding-left:4%;
	}
	#footer-p, #footer-p2{
		font-size: 4vw;
	}
	#footer-socials{
		float:right;
	}
	#footer-socials img{
		width:20%;
	}
	.lista{
	list-style-image: url('../images/thumbs/bullet-mob.png');
	margin-left: -4px;
	}
	.lista2{
		width:100%;
	list-style-image: url('../images/thumbs/bullet-red-mob.png');
	margin-left: -4px;
	margin-top:26px;
	
}

	#logo{
		width:100%;
		float:left;
	}
	#info{
		width:100%;
		float:left;
		margin-top:3%;
	}
	#bg{
		display:none;
	}
	#background-text{
		background: #dcdddf;
		position: relative;
		float: left;
		width: 112%;
        margin-left:-5.5%;
		margin-top: 0px;
	}
	#left-col,#right-col{
		width:100%;
	}
	#footer-p{
		width:100%;
	}
	#footer-p2{
		width:50%;
		float:left;
		text-align: left;
		padding-right:0px;
	}
	#footer-socials{
		width:50%;
		float:left;
		text-align: left;
	}
	#footer-wrap{
		width:90%;
	}
}
 
@media screen and (max-device-width: 1023px) and (min-device-width:481px) {
	#wrapper{
		width:90%;
	}
	#header{
		height:200px;
	}
	#logo{
		width:50%;
	}
	#info{
		width: 40%;
	}
	#background-text{
		width:auto;
	}
	#content{
		margin-top: 140px;
	}
	.user-link a{
		font-size: 18px;
	}
	.user-number{
		font-size: 22px;
	}
	
	
	
}