/** 
 * ===================================================================
 * 01. reset - normalize.css v3.0.2 | MIT License | git.io/normalize
 *
 * ------------------------------------------------------------------- 
 */
body { font-family: arial;margin: 0; }

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block;vertical-align: baseline; }
img, video { max-width: 100%;height: auto; }
audio:not([controls]) { display: none;height: 0; }
[hidden], template { display: none; }

a { background: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0;color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%;line-height: 0;position: relative;vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }

svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box;box-sizing: content-box;height: 0; }
pre { overflow: auto; }
code,kbd,pre,samp {	font-family: monospace, monospace;font-size: 1em; }
button,input,optgroup,select,textarea { color: inherit;font: inherit;margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,

fieldset { border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend { border: 0;	padding: 0; } 
table {	border-collapse: collapse;border-spacing: 0; }
table.sections tr td { padding:4px;spacing:1px; }
table.sections tr td.label { background-color:transparent; }
table.sections tr td { background-color:white;border-radius:15px;border-bottom:0.5px solid gray; }
table.noborder tr td { border:0px solid gray; }

td,th { padding: 0; }

/** 
 * ===================================================================
 * 02. basic/base setup styles - (_basic.scss)
 *
 * ------------------------------------------------------------------- 
 */
html { font-size: 62.5%;box-sizing: border-box; }

body {
	font-weight: normal;
	line-height: 1;
	text-rendering: optimizeLegibility;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
}

body,input,button {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Typography resets - (_basic.scss)
 * ------------------------------------------------------------------- 
 */
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,p,blockquote,
th,td { margin: 0;padding: 0; }

h1,h2,h3,h4,h5,h6 {
	-webkit-font-variant-ligatures: common-ligatures;
	-moz-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	text-rendering: optimizeLegibility;
}

em, i { font-style: italic;	line-height: inherit; }
strong, b { font-weight: bold;line-height: inherit; }
ol, ul { list-style: none; }
li { display: block; }

/** 
 * ===================================================================
 * 03. grid - (_grid.scss)
 *
 * ------------------------------------------------------------------- 
 */
.row { width: 96%; margin: 0 auto; clear:both; }

[class*="col-"] { float: left; }
[class*="col-"] { padding: 0 20px; }

.col-one { width: 8.33333%; }
.col-two, .col-1-6 { width: 16.66667%; }
.col-three, .col-1-4 { width: 25%; }
.col-four, .col-1-3 { width: 33.33333%; }
.col-five { width: 41.66667%; }
.col-six, .col-1-2 { width: 50%; }
.col-seven { width: 58.33333%; }
.col-eight, .col-2-3 { width: 66.66667%; }
.col-nine, .col-3-4 { width: 75%; }
.col-ten, .col-5-6 { width: 83.33333%; }
.col-eleven { width: 91.66667%; }
.col-twelve, .col-full { width: 100%; }

.col-left { text-align:left; }
.col-centered { text-align:center; }
.col-right { text-align:right; }
/**
 * small screens - (_grid.scss)
 * --------------------------------------------------------------- 
 */
@media screen and (max-width:1024px) {
	.row .row { margin-left: -18px; margin-right: -18px; }
	[class*="col-"] { padding: 0 18px; }
}


/* --------------------------------------------------------------- 
   Narrow view - all columns as 25%, 50% or 100% (split)
 */
@media screen and (max-width:1000px) {
  .col-one,
  .col-two, .col-1-6,
  .col-three, .col-1-4 { width: 25%; }
  .col-four, .col-1-3,
  .col-five,
  .col-six, .col-1-2 { width: 50%; }
  .col-seven, 
  .col-eight, .col-2-3,
  .col-nine, .col-3-4,
  .col-ten, .col-5-6,
  .col-eleven,
  .col-twelve, .col-full { width: 100%; }
}
/* --------------------------------------------------------------- 
   Narrow view - all columns in full width
 */
@media screen and (max-width:800px) {
	.row .row { padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0; }
	[class*="col-"] { /* Width to 100%, show div elements in full width (underneath each other) */
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	[class*="col-"] + [class*="col-"].end { float: none; }
}