:root 			{--mainColor:#F17E30; --subColor:#0342CF;--rounded:15px;}
body			{background-color:#ffffff; font-family:arial; font-size:16px}
#connectAll		{width:1300px; text-align:right; font-size:1.1rem; color:var(--subColor); display:flex; justify-content:space-between;}
a				{text-decoration:none; color:var(--mainColor);}
#main			{width:1300px; background-color:#ffffff; border:2px solid #dddddd; margin-bottom:50px;
					border-top-right-radius:var(--rounded); 
					border-top-left-radius:var(--rounded); 
					margin-top:10px; text-align:left;}
#banner			{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; 
					padding:20px; margin-top:0px; font-size:1.3rem}

#header			{display:flex; flex-direction: row; flex-wrap:nowrap; width:100%}
#headLogo		{margin-left:20px; margin-top:15px; margin-bottom:15px; flex:25%}
#call, #email	{color:var(--subColor); font-size:1.4rem;}
#call			{flex:25%; margin-top:40px;}
#email			{text-align:center; flex:15%; margin-top:50px;}
#navTop			{flex:35%;  margin-top:40px; display:flex; justify-content: flex-end; margin-bottom:20px;}
.navTop			{padding:10px;}

#content	{padding:20px;}
p, li		{line-height:180%; font-size:1.25rem}

#subFooter		{padding:40px; background-color:#313B48; display:flex; justify-content:space-around;}
#subFooter a	{color:#DEDFE1;}
#subFooter p	{color:#DEDFE1; padding:5px; font-size:0.9rem}
#subFooter li	{color:#DEDFE1; font-size:2.75rem;}
.footerItem		{flex:25%}
.titleOrange	{color:var(--webOrange);}
.fTitle			{font-size:1.3rem; color:#ffffff; border-left:3px solid var(--webOrange); 
					padding-left:10px; margin-bottom:10px; letter-spacing:4px}
.fLinks			{margin-bottom:15px; margin-left:25px;}
#footer			{padding:10px 0px; text-align:center; line-height:180%; color:#ffffff; display:flex;
					font-size:0.9rem; width:100%; justify-content:space-between;
					border-bottom-left-radius:var(--rounded); border-bottom-right-radius:var(--rounded);}
@media (max-width:1250px){
	#main {width:95%}
	#connectAll	{width:95%}
}
@media (max-width:1150px){
	.pImage {width:100%}
	#front	{flex-direction:column}
}
@media (max-width:1000px){
	#header		{flex-direction:column; text-align:center}
	#call		{margin-top:10px}
	#email		{margin-top:25px}
	#navTop		{text-align:center; justify-content:center; margin-top:15px;}
	.item		{width:100%; padding:0px}
	.footerItem	{text-align:left; margin-left:20px; margin-top:40px;}
	#subFooter	{display:flex;  flex-wrap:wrap; padding:10px;}
}