/*@import url(http://weloveiconfonts.com/api/?family=fontawesome);*/

.clear										{clear:both;}
* 											{box-sizing:border-box;}
body										{padding:0; text-align:center; background:url(../images/bg.jpg) #bc9c6e center bottom no-repeat; background-size:100% auto; position:relative; color:#fff; line-height:28px; font-size:21px; font-family:'DM Sans', sans-serif;}

a											{color:#fff !important; text-decoration:none;}

h1 											{margin:0; font-size:30px; line-height:30px; letter-spacing:4px; text-transform:uppercase; font-weight:400;}

ul											{margin:0; padding:0; list-style:none;}
ul li											{margin:0; padding:0; list-style:none;}

#wrapHeader									{width:100%; box-shadow:0px 10px 25px rgba(0,0,0,0.4); overflow:hidden;}
#wrapHeader #header video						{width:100%; height:auto;}

#audio 										{position:fixed; top:10px; right:10px;}
#audio button								{background:none; border:none; width:20px; text-align:left;}

#wrapContent								{width:100%;}
#wrapContent #content						{padding:50px;}

#wrapFooter									{width:100%; padding:0 25px 40px;}

#text										{text-shadow:0px 0px 6px rgba(0,0,0,0.3);}

#contact									{text-shadow:0px 0px 6px rgba(0,0,0,0.3); display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1000px; margin:0 auto 30px;}
#contact .item								{width:30%;}
#contact .item b								{display:block;}

#email										{text-shadow:0px 0px 6px rgba(0,0,0,0.3); /*font-family:'Raleway', sans-serif;*/ margin:0 0 30px;}

#social 										{margin:0 0 30px;}
#social img									{width:32px;}

#location									{text-shadow:0px 0px 6px rgba(0,0,0,0.3); font-size:18px; letter-spacing:4px;}

#whatsapp									{position:fixed; right:0; bottom:100px; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.5); transition:all 0.3s ease; padding:12px 65px 12px 12px; border-radius:100px 0px 0px 100px;}
#whatsapp:hover								{padding-right:75px;}
#whatsapp img								{width:40px;}

#logo 										{margin:50px 0 0;}
#logo img									{max-width:200px; margin:0 0 25px;}


@media screen and (max-width: 700px) 	{
	#wrapHeader #header video					{width:200%; margin-left:-50%;}
}
@media screen and (max-width: 600px) 	{
	body 									{line-height:24px; font-size:16px; background-size:500% auto; background-position:-100px bottom;}
	
	#wrapContent #content 					{padding:50px 25px;}
	
	#logo img 								{max-width:150px; margin:0 0 20px;}
	
	#contact .item 							{width:100%; margin:0 0 25px;}
	#contact .item:last-child				{margin-bottom:0;}
	
	#whatsapp 								{padding:10px 20px 10px 10px !important;}
	#whatsapp img 							{width:35px;}
}