@charset "utf-8";
/* CSS Document */
/* colors
	text blue: #7097be
	background blue: #3884cc
	dark blue: #4578a3
	text orange: #d28301
	background orange: #e79a00
	dark orange: #d98801
	green bg: #398443;
	lt gray bg: #e4e0e0
*/
html, body {height:100%; }
body {
	background:#fff;

}
header,.socialbar,.contactarea, form,footer,.themebar {
box-sizing:border-box;	
}
img { max-width:100%; height:auto; }
* {margin:0;}
h1, h2 { font-weight:normal; }
h1, section p { font-style:italic; }

h2 {border-bottom:2px solid #fff; font-size:1.35em; }
section {font-size:.725em; }
figcaption {font-size:.6em; font-style:italic;}

header { font-size:1.165em; }
header, .maintext h1, footer .title {
	color:#d28301;	
}
.find-fb { display:block; }
header .toptag {
	font-size:.57em;
}
h1 {text-align:center; }
header h1 {font-size:1em; }
h1 span, footer .title span {
	display:block;
	font-size:1.3em;
	color:#7097be;	
}
.sub .summary {padding-top:34px;}
.maintext h1 span {
	font-size:.3em;
	font-style:normal;
	margin-bottom:1.25em;
	text-transform:uppercase;
}
.maintext p {
	padding-bottom:.4em;
	color:#667;
}
.maintext a {
	color:#7097be;	
}
.maintext a:visited {
	color: #A76901;
}
.maintext a:hover, .maintext a:active, .maintext a:focus { color:#d98801; }
/* sections */
section {color:#fff; }
.bkkpg h2 {
	background:#398443;
}
.bkkpg p, .bkkpg ul {
	color:#797979;
}
.tax h2 {
	background:#3884cc;
}
.pers h2 {
	background:#e79a00;
}
.themebar {
		
	}
	.themebar:after {
		min-height:24px;
		position:absolute;
	background-image:linear-gradient(
      to right, 
      #398443,
      #398443 33.33%,
      #3884cc 33.33%,
      #3884cc 66.66%,
      #e79a00 66.66%,
	  #e79a00 100%
	  );
	  content:'';
	  width:1500px !important;
	  max-width:100%;
	  z-index:99 !important;
	}
.summary ~ .themebar:after { background:none; }
section ul {
	margin:0;
	padding:0 2.75em;
	text-indent:0;
	line-height:1.2;
}
.contactarea {
	font-size:.87em;
	color:#d28301;
}
p.contphone {
	background:url(/images/icon-phone-sm.png) left 10px no-repeat;
	padding:0 0 0 45px;
}
address {
	font-style:normal;
	background:url(/images/icon-mail-sm.png) left 10px no-repeat;
	padding:0 0 0 45px;
}
form {
	background:#e4e0e0;
	color:#6d5952;
	font-size:.7em;
	padding:14px 8%;
}
legend {
	background:url(/images/icon-mouse-sm.png) left center no-repeat;
	padding-left:40px;
	font-size:1.11em;
	margin-bottom:5px;
}
fieldset {
	border-color: #EBE7E7;
	border-width: 1px;
	padding:3px 8px;
	margin:4px 0;
	display:flex;
	flex-direction:row;
}
label { width:100px; }
input, textarea { border:1px solid #d0d0d0;}
textarea { width:100%; height:10em;}
input[type=submit] {
	color:6d5952;
	font-family:inherit;
	font-size:1em;
	margin-left:9px;
}
input::placeholder, textarea::placeholder { color:#999; }
form p {
	margin:8px 0 0 9px;
	font-style:italic;
	font-size:.85em;
}
.content {flex:1 0 auto; }
footer { font-style:italic; width:100%; }
footer .title { font-size:.725em; text-align:center;}
.credit1, .credit2 {
	font-size:.65em;
	line-height:1.3;
}
.credit1, .credit2 a {
	color:#888;
	text-decoration:none;	
}
.credit2 a:hover, .credit2 a:focus { color:#d28301; border-bottom:1px dotted #d28301;}

@media screen and (max-width:499px) {
	.find-fb {text-align:right; }
	.find-fb img {margin:10px 10px 0; }
	header h1 { margin-top:0; padding-top:0; }
	.maintext {padding:10px 30px 18px; }
	section { font-size:.94em; }
	section h2 {
		padding:4px 20px 6px;	
	}
	.fb-like { padding:0 20px;}	
	section p, section ul { padding:.2em 20px .3em calc(150px + 1.5em);}
	section ul {padding-left:calc(150px + 2.5em); }
	.contactarea p, address {margin:0 20px 12px; }
}
@media screen and (min-width:500px) {
	.find-fb { position:absolute;top:0;}	
}
@media screen and (max-width:769px) {
	.mailanchor {
		font-size:.6em;
		color:#d28301;
		text-transform:uppercase;
		text-align:center;
		margin-bottom:8px;
	}
	.mailanchor a {
		text-decoration:none;
		color:#d28301;	
	}
	.socialbar {
	margin-top:28px;	
	}
	aside {
		margin:0 auto 10px;
		width:20%;
		min-width:110px;
		text-align:center;
	}
	footer {
		display:flex;
		flex-direction:column;
		text-align:center;	
	}
	footer .title {margin:8px 0 12px; }
	.credit1 { margin-top:8px; order:2; padding-bottom:15px;}
}
@media screen and (min-width:770px) {
	body {	display:flex;
	flex-direction:column;
	min-height:100vh;}
	.mailanchor {display:none; }
	.summary {
		display:flex;	
	}
	aside {order:-1; align-self:center; padding:0 5.8%;} 
	.about, .maintext {box-sizing:border-box; }
 .about {
	 width:33.3%;
	
 }
 aside figcaption {text-align:center; }
.maintext {
	 width:66.6%;
 }
 .sections { clear:both; }
 footer {
	align-self:flex-end; flex-shrink:0; 
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;	
	padding:28px 3%;
	width:100%;
 }
 .credit2 { text-align:right; }
}
@media screen and (min-width:500px) and (max-width:769px) {
	
	.maintext {padding:10px 25px 25px; }	
}
@media screen and (min-width:500px) and (max-width:1000px) {
	header h1 {padding-top:25px; }
	section { font-size:.94em; }
	section h2 {
		padding:4px 30px 6px;	
	}
	.fb-like { padding:0 30px;}	
	section p, section ul { padding:.2em 30px .3em calc(150px + 3em);}
	section ul {padding-left:calc(150px + 5.5em); }
	.contactarea p, address {margin:0 30px 12px; }
}
@media screen and (min-width:770px) and (max-width:1000px) {
	header {padding-bottom:15px; }
	.socialbar {
	margin-top:18px;	
	}
	.maintext {padding:10px 30px 25px 0; }
}
@media screen and (max-width:1000px) {
	body {font-size:22px; padding-bottom:12px;}
	.topphone:before {
	background:url(/images/icon-phone-sm.png) left center no-repeat;
	content:'\a0';
	padding-right:40px;
	}
	.toptag, .topphone { text-align:center; }
	
	.sections { padding-bottom:15px; }
	section { padding-bottom:15px; margin-bottom:12px; }
	section h2 {margin-bottom:14px;}
	
	.bkkpg {
		background:#fdfdff url(/images/bg-bookkeeping-mobile.jpg) 10px 35px no-repeat;
	}

	.tax {
		background:#4578a3 url(/images/bg-tax-mobile.jpg) center left no-repeat;
	}
	.pers {
		background:#d98801 url(/images/bg-pers-mobile.jpg) top left no-repeat;
	}
}
@media screen and (min-width:1001px) {
	body { padding-bottom:20px; }
	header, .themebar,.socialbar,.summary, .sections, .contactarea, footer {
		width:1500px;
		max-width:100%;
		margin:0 auto;
	}
	header {
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:space-between;	
		padding:30px 6.6% 28px 0;
		position:relative;
	}
	
	.toptag {
		order:-1;	
		padding-left:120px;
	}
	.topphone { text-align:right; }
	.topphone:before {
	background:url(/images/icon-phone-med.png) left center no-repeat;
	content:'\a0';
	padding-right:70px;
}
	header p, header h1 {
		width:500px;
		max-width:33.33%;
	}
	aside figure {
	display: grid;
	grid-template-columns:50% 50%;
	
 }
 aside img { width:100%; max-width:100%;
	justify-self:center;
	align-self:center;
  }
  aside figcaption {
	justify-self:center;
	align-self:center;
	padding-left:8px;
  }
	
	.maintext {
		padding-right:5.8%;	
	}
	
 	section ul { padding:0 3.5em; }  
  .sections {
	display:grid; 
	grid-template-columns:1fr 1fr 1fr;
	padding-bottom:30px;
  }
  .bkkpg {
	background: #fdfdff url(/images/bg-bookkeeping.jpg) bottom right no-repeat;
	background-size:80%;
}

.tax {
	background:#4578a3 url(/images/bg-tax.jpg) top left no-repeat;
	background-size:35%;
}
.tax p, .tax ul {padding-left:calc(35% + 2em); }
.pers {
	background:#d98801 url(/images/bg-pers.jpg) bottom center no-repeat;
	background-size:contain;
	padding-bottom:calc(32.6% + 14px);
}
  .contactarea {
	display:grid;
	grid-template-columns:1fr 1fr 2fr; 
	padding-left:3%;
  }
  footer { padding-top:50px; }
  .credit1, .credit2 {
	font-size:.5em;
	line-height:1.2;
	}
}
@media screen and (min-width:1001px) and (max-width:1500px) {
	body {font-size:26px; }
	.socialbar {
		padding:15px 5.8% 0;
	}
	.summary {
	padding:5px 0 40px 0;	
	}
	.sections h2 { padding:7px 9% 9px; margin:0 0 .45em; }
	section {padding: 0 0 16px; }
	section p {
		padding: .1em 9% .25em;	
	}
	section li { padding:.1em 5px; }
}
@media screen and (min-width:1501px) {
	body {font-size:30px; }
	.socialbar {
		padding:0 5.8% 0;
	}
	.themebar {
	width: 100vw;
	height: 24px;
	background:#3884cc;
	}
	.summary + .themebar {
		margin-bottom:-52px;	
	}
	.themebar:after {
		min-height:24px;
		position:absolute;
	background-image:linear-gradient(
      to right, 
      #398443,
      #398443 33.33%,
      #3884cc 33.33%,
      #3884cc 66.66%,
      #e79a00 66.66%,
	  #e79a00 100%
	  );
	  left:calc(50% - 750px);
	  right:calc(50% - 750px);  
	  content:'';
	  width:1500px !important;
	  max-width:100%;  
	}
	.summary + .themebar:after { background:none; }
	.sections h2 {height:34px; padding:8px 9% 10px; }
	.summary + .themebar {height:52px; }
	.summary {
	padding:10px 0 42px;	
	}
	.sections h2 {margin-bottom: .55em;}
	section {padding: 0 0 20px; }
	section p {
		padding: .1em 9% .25em;	
	}	
	section li { padding:.1em 5px; }
}