@charset "utf-8";
/* CSS Document */

@media (max-width: 768px){
	
	#contactContent{
		background-color:#bd6d25;
		text-align:center;
		background-image:url(../images/contactTree.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:3em;
	}
	
	.headline{
		font-size:3em;
		line-height:0.9em;
		padding-top:0.5em;
	}
	.subHead{
		padding-top:0.2em;
		font-size:1.8em;
		line-height:0.8em;
	}
	
	.subSubHead{
		padding-top:0.4em;
		font-size:1.0em
	}
	
	.arrowGraphic{
		padding-top:1em;
		width:30px;
		height:30px;
		margin:0 auto 10px auto;
		background-image: url(../images/arrows-white.svg);
		background-repeat: no-repeat;
		background-size:20px;
		background-position:center;
	}
	
	
	.infoBackground{
		background-color:rgba(159,92,31,0.7);
		width:90%;
		margin:0 auto 0 auto;
		padding:2em 0 3em 0;
		
		
	}
	
	
	
	
	
	
	.itemContact{
		margin-bottom:1em;
		font-size:1.3em;
	}
	.itemContact h1{
		display:block;
		font-weight:700;
	}
	.headline2{
		font-size:2em;
		padding-top:1em;
	}
	.textContact{
		width:80%;
		font-size:1.3em;
		margin:0 auto;
	}
	
	/*------------Bullets------------------------------------------*/
	.boxContent{
		padding:2em 0 2em 0;
	}
	ul.boxList li{
		text-align:left;
		margin-left:34%;
		list-style:none;
		font-size:1.4em;
	}
	
	/*This adds Backgrounds Bullets to Lists*/
	ul.boxlist{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	
	li.bullet{
		background-image:url(../images/bullet-white.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: left;
		padding-left:24px;		
	}
	/*END*/
	
	/*------------Bullets END------------------------------------------*/
	
	.emailText{
		width:50%;
		font-size:1.3em;
		padding:0.6em 0.6em 0.8em 0.6em;
		border:solid 1px #fff;
		margin:0 auto;
		background-color:#bd6d25;
	}
	
	.emailText span{
		font-weight:700;
	}
	
	.emailText a{
		color:#fff
	}
	
	
	
	
}








@media (min-width: 769px) {
	
		#contactContent{
		background-color:#bd6d25;
		text-align:center;
		background-image:url(../images/contactTree.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:3em;
	}
	
	.headline{
		font-size:3em;
		padding-top:1.5em;
	}
	.subHead{
		font-size:1.8em;
	}
	
	.subSubHead{
		font-size:1.3em
	}
	
	.arrowGraphic{
		padding-top:1em;
		width:30px;
		height:30px;
		margin:0 auto 10px auto;
		background-image: url(../images/arrows-white.svg);
		background-repeat: no-repeat;
		background-size:20px;
		background-position:center;
	}
	
	
	.infoBackground{
		background-color:rgba(159,92,31,0.7);
		width:90%;
		margin:0 auto 0 auto;
		padding:2em 0 3em 0;
		
		
	}
	
	
	
	
	
	
	.itemContact{
		margin-bottom:1em;
		font-size:1.3em;
	}
	.itemContact h1{
		display:block;
		font-weight:700;
	}
	.headline2{
		font-size:2em;
		padding-top:1em;
	}
	.textContact{
		width:60%;
		font-size:1.3em;
		margin:0 auto;
	}
	
	/*------------Bullets------------------------------------------*/
	.boxContent{
		padding:2em 0 2em 0;
	}
	ul.boxList li{
		text-align:left;
		margin-left:38%;
		list-style:none;
		font-size:1.4em;
	}
	
	/*This adds Backgrounds Bullets to Lists*/
	ul.boxlist{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	
	li.bullet{
		background-image:url(../images/bullet-white.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: left;
		padding-left:24px;		
	}
	/*END*/
	
	/*------------Bullets END------------------------------------------*/
	
	
	
	.emailText{
		width:40%;
		font-size:1.3em;
		padding:0.6em 0.6em 0.8em 0.6em;
		border:solid 1px #fff;
		margin:0 auto;
		background-color:#bd6d25;
	}
	
	.emailText span{
		font-weight:700;
	}
	
	.emailText a{
		color:#fff
	}
	
	
	
	
	
}




@media (max-width: 400px){
	
	
	#contactContent{
		background-color:#bd6d25;
		text-align:center;
		background-image:url(../images/contactTree.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:300%;
		padding-bottom:3em;
	}
	
	
/*------------Bullets------------------------------------------*/
	.boxContent{
		padding:2em 0 2em 0;
	}
	ul.boxList li{
		text-align:left;
		margin-left:10%;
		list-style:none;
		font-size:1.4em;
	}
	
	/*This adds Backgrounds Bullets to Lists*/
	ul.boxlist{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	
	li.bullet{
		background-image:url(../images/bullet-white.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: left;
		padding-left:24px;		
	}
	/*END*/
	
	/*------------Bullets END------------------------------------------*/	
	
	.emailText{
		width:70%;
		font-size:1.3em;
		padding:0.6em;
		border:solid 1px #fff;
		margin:0 auto;
		background-color:#bd6d25;
	}
	
	.emailText h1{
		display:block;
		font-weight:700;
	}
	
	
	
	
}