/* START OF DESKTOP DESIGN */
body { max-width: 1280px; margin: 0 auto; }

.contact_area {display: inline-block;vertical-align: middle;max-width: 43%;width: 100%;/* text-align: right; */}

.window_a { display: block; width: 100%; padding: 0.5rem 0; } 
.window_b {  }
.about { display: inline-block; width: 43%;  vertical-align: middle;margin: 0.5%;}



#background 
{
	background-size: 190% 190%;
	background-position: top;
	background-attachment: fixed;
	z-index: -1; 
	max-width: 1280px; 
}

h1 { font-size: 1.75rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.8rem; }
h6 { font-size: 0.7rem; }

.login_box {
padding: 0;
/*! width: 100%; */
}

.bp1 { width: 100%; }
.bp1 ul { display: inline-block; width: 50%; min-width: 256px; max-width: 288px; padding-left: 24px; vertical-align: top; }

#rlgn input[name=login_username], #rlgn input[name=login_password] {
	max-width: 400px;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.8rem;
	width: 100%;
}

#rlgn input[type=submit] {
width: 90%;
/*! height: 1.5rem; */
border: none;
}

#rlgn .button {
width:  50%;
border: 0px;
padding: 6px 0px 4px;
margin: auto;
}

#rlgn .creds {
display: inline-block;
border: 0px;
/*! width: 100%; */
/*! text-align: right; */
padding: 0;
margin: 0;
}

#rlgn {

	/*! width: 100%; */
}

#rlgn legend {
display: inline-block;
width: 0%;
min-width: 10%;
max-width: 25%;
text-align: center;
padding: 0.5rem 2%;
vertical-align: middle;
}

#rlgn label {
margin: 0.5% 2% 0 2%;
/*! vertical-align: middle; */
display: block;
text-align: center;
}

header {
width: 100%;
display: inline-block;
margin: 1rem 0;
padding: 0.5rem 0;	
text-align: center;
}

.logo_area {
	vertical-align: middle;
	margin: 1% 1% 1% 0%;
	display: inline-block;
	text-align: left;
	max-width: 28%;
}

.main_heading {
    display: inline-block;
    width: 47%;
    vertical-align: middle;
    margin: 0.5%;
}

.about {
	display: inline-block;
	width: 95%;
	vertical-align: middle;
    margin: 0.5%;
}

.aboutphoto { width: 150px !important; height: 150px !important; display: inline-block !important; }

#logo {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 300px;
}

a#logo img {display: inline-block;border-width: 0px;padding: 0px;vertical-align: middle;width: 100%;}

.login_area {vertical-align: middle;display: inline-block;margin: 0.25% 0% 0.25% 1%;max-width: 23%;}

.contact {display: inline-block;vertical-align: middle;margin: 0.25% 0.5rem;padding: 1% 0;/* text-align: right; */}

.contact span {
font-size: 120%;	
display: block;
}

.contact a {/* font-size: 125%; */text-decoration: none;
/*! font-weight: 501; */width: auto;}

#menuBttn,#loginBttn, #contactBttn { display: none !important; } 

footer {
text-align: center;
padding: 1.5rem 0;
margin: 0rem auto 0px auto;
width: 100%;
}

.address, .mail, .credit { width: 30%; display: inline-block; vertical-align: top;/*! padding: 5% 3% 3%; */}

footer ul {
padding: 0px;
margin: 0px;
}

p.footer_heading {
text-align: center;
margin: 1% auto;
}

footer li {
padding: 8px 0 0 0;
}

.firstMenu {
	display: inline-block;
	width: 30%;
	margin: 0 2%;
	max-width: 240px;
}

.firstMenuDiv {
	margin: 1rem auto;
	vertical-align: top;
}

main {
	display: inline-block;
	margin: 1rem 2%;
	vertical-align: top;
	width: 60%;
	min-width: 240px;
	max-width: 720px;
}

main ul { width: 75%; column-count: 2; /*! column-gap: 3%; */ vertical-align: top; margin: auto auto;}

.pr-div-basic {
	display: inline-block;
	width: 100%;
}

.pr-div-basic .pr-card {
	display: inline-block;
	padding: 1%;
	margin: 1%;
	width: 11%;
	vertical-align: top;
}

.pr-div-basic img {
	width: 90%;
}

img.balance	{
	display: block;
	margin: auto;
	width: 95%;
	min-width: 240px;
	max-width: 400px;
}

.service_areas span {
	vertical-align: top;
	display: inline-block;
	width: 45%;
}