@charset "utf-8";
/* CSS Document */
body{
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  font-size:100%;                                                          /* Base Font = 16px >>> 16px = 1em = 100% */
}
img {
  border: 0;
  max-width:100%;											/*to optimize full width of its parent element*/
}
address {
	font-style:normal;    									/* To Neutralize Default Italic Style To Normal Style */
}
h1, h2, h3, h4, h5, ul, p, ol{
  margin: 0;
}
a {
	color:#5f7562;
	text-decoration: none;
}
a:hover {
	color:#5f7562;
  text-decoration: underline;
}
/* =============================================================================
   Comman Styles
* ============================================================================= */

.clearfix:before, .clearfix:after{
  content:"";
  display:table;
}
.clearfix:after{
  clear:both;
}
p{
  padding: 0 0 30px 0;                                                    /* BASE FONT = 16px  >>> 0px 0px 30px 0px / 16px = 0 0 1.25em 0 */                                                                                                                                                          
}
.inner-wrap{
  padding:2rem 1.5rem 2rem 1.5rem;                                           /* BASE FONT = 16px  >>> 0px 24px 0px 24px / 16px = 0 1.5em 0 1.5em */
  max-width:68.75rem;                                                     /* BASE FONT = 16px  >>> 1100px / 16px = 68.75em */
  margin: 0 auto;
}
header.site-header {
	display:block;
	text-align:center;
	padding-top:32px;
}
.westelk-logo {
	display:block;
	width:80%;
	max-width:320px;
	margin:0 auto;
}
.westelk-logo img {
	display:block;
	width:100%;
	margin:0;
}
/*==========Page Style======================*/
main {
	display:block;
	font-size:18px;
	line-height:27px;
	color:#626568;
}
.contact-bar {
	background-color:#e3e7e4;
	font-size:21px;
	line-height:25px;
	color:#5f7562;
	padding:5px 0 10px 0;
	text-align:center;
}
.contact-bar p {
	padding:0;
}
.contact-bar a {
	color:#5f7562;
	font-weight:bold;
}
.profile-box {
	padding:32px 0 10px 0;	
}
.profile-box h2 {
	font-size:24px;
	line-height:36px;
	color:#5f7562;
}
.site-footer {
	text-align:center;
	color:#787878;
	font-size:14px;
	line-height:17px;
}
/* =============================================================================
         LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
.contact-bar {
	font-size:22px;
	line-height:30px;
	padding:5px 0 10px 0;
}	
.two-col-content > article {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 40px;
}
.two-col-content > article:first-child {
	padding:0 40px 0 0;
}
.profile-box h2 {
	font-size:28px;
	line-height:48px;
}
}