﻿@charset "utf-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0;
}

html {
	font-size: 62.5%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

/* General */

body {
	background-color: #000;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #ee8000;
    text-align:left;
}
h1 {font-size: 3.4rem; line-height: 4.2rem;}
h2 {font-size: 2.8rem; line-height: 3.6rem;}
h3 {font-size: 2.4rem; line-height: 3.2rem;}
h4 {font-size: 2.2rem; line-height: 3.0rem;}
h5 {font-size: 2.0rem; line-height: 2.8rem;}
h6 {font-size: 1.8rem; line-height: 2.6rem;}

p {margin: 0 0 10px 0;}
p:last-child {margin: 0;}

strong, b {font-family: 'open_sansbold'; font-weight: normal;}
em, i {font-family: 'open_sansitalic'; font-style: normal;}

hr {margin: 10px 0 10px 0; border: none; height: 2px; background-color: #ccc;}

::-moz-selection {background-color: #000; color: #fff;}
::selection {background-color: #000; color: #fff;}

ul {list-style: outside disc; margin: 0 0 10px 20px;}
ol {list-style: outside decimal; margin: 0 0 10px 20px;}

a img {border: 0; text-decoration: none;}
a:link, a:visited {color: #009ce1; text-decoration: none;}
a:hover, a:active {color: #009ce1; text-decoration: underline;}

table {border-spacing: 0;}
thead th {}
thead td {}
tbody th {}
tbody td {}
tfoot th {}
tfoot td {}

/* Forms */

form {}
fieldset {}
legend {}

/* Forms - General */

input[type="text"],
input[type="password"],
textarea,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
select {
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0 14px 0 14px;
	height: 38px;
	box-sizing: border-box;
	vertical-align: middle;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 3.6rem;
}
label,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"],
select {
	cursor: pointer;
}
label {
	margin: 0 10px 0 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Forms - Inputs */

input[type="text"],
input[type="password"],
textarea {
	width: 300px;
	border-color: #ccc;
	background-color: #fff;
	color: #333;
	-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.15);
	box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.15);
}
textarea {
	resize: none;
	overflow: auto;
	vertical-align: top;
	padding: 6px 14px 6px 14px;
	height: 200px;
	line-height: 2.4rem;
}
input[type="text"].modified,
input[type="password"].modified,
textarea.modified {
	color: #666;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover {
	border-color: #bbb;
}
input[type="radio"],
input[type="checkbox"] {
	margin: 0 10px 0 0;
	vertical-align: baseline;
}

/* Forms - Buttons */

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	width: auto;
	border-color: #069;
	background-color: #39c;
	color: #fff;
}
.button:link,
.button:visited,
.button:hover,
.button:active {
	display: inline-block;
	color: #fff;
}
.button:hover,
.button:active {
	border-color: #0ad;
	background-color: #0cf;
	text-decoration: none;
}

/* Forms - Other */

.requiredField {display: none;}

.inputErr,
input[type="text"].inputErr,
input[type="password"].inputErr,
input[type="checkbox"].inputErr,
input[type="radio"].inputErr {
	border: dashed 1px #f00;
}
table.inputErr {padding: 8px;}

.button.submitLoader,
.button.submitLoader:hover,
input[type="button"].submitLoader,
input[type="button"].submitLoader:hover,
input[type="submit"].submitLoader,
input[type="submit"].submitLoader:hover {
	color: rgba(0,0,0,0);
	background: url('../images/submit-loader.gif') no-repeat center;
}

/* Video */

.video div {position: relative; width: 100%; height: 0; overflow: hidden;}
.video div {padding-bottom: 56.25%;} /* 16x9 */
/*.video-div {padding-bottom: 75%;}*/ /* 4x3 */
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Layout */

.center {
	position: relative;
	margin: 0 auto;
	width: 1160px;
}

header,
#navigation,
#content,
#panels,
#contact,
footer {
	float: left;
	width: 100%;
}

/* Header */

header {
	height: 120px;
	background-color: #000;
}
header #logo {
	position: absolute;
	top: 18px;
	left: 0;
}
header #seal {
	position: absolute;
	top: 10px;
	left: -190px;
	width: 150px;
	height: 150px;
	background: url("../images/36-jaar-corner-stone.png") 0 0 no-repeat;
	z-index: 999999;
}
#icons {
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0;
}
#icons li {
	list-style-type: none;
	float: left;
}
#icons li a {
	display: block;
	margin: 0 0 0 10px;
	width: 40px;
	height: 40px;
}
#icons li a.linkedin {background-image: url("../images/linkedin-icon.png");}
#icons li a.rss {background-image: url("../images/rss-icon.png");}

/* Navigation */

#navigation {
	height: 50px;
	background-color: #444;
}
nav {
	position: absolute;
	width: 1160px;
	background-color: #444;
	z-index: 999999;
}

/* Strip the ul of padding and list styling */
nav ul {list-style-type: none; margin: 0; padding: 0;}

/* Create a horizontal list */
nav ul li {display: inline-block; float: left;}

/* No underline */
nav a:hover, nav a:active {text-decoration: none;}

/* Nav link */
nav ul li a {
	display: block;
	margin: 0 30px 0 0;
	padding: 0;
	min-height: 50px;
	line-height: 46px;
	text-decoration: none;
	background: #444;
	color: #ee8000;
	font-family: Century Gothic, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
nav ul li a:link,
nav ul li a:visited {
	color: #ee8000;
}
/* Nav link hover and active */
nav ul li:hover a,
nav ul li a.active {
	background: #444;
	color: #fff;
}
/* Sub nav link */
nav ul li:hover ul li a {
	margin: 0;
	min-height: 40px;
	line-height: 40px;
	padding: 0 20px 0 20px;
	background: #333;
	color: #ee8000;
	font-weight: bold;
	font-size: 17px;
	text-transform: none;
	letter-spacing: normal;
}
/* Sub nav link hover and active */
nav ul li:hover ul li:hover a,
nav ul li ul li a.active {
	background: #333;
	color: #fff;
}
/* Sub sub nav link */
nav ul li:hover ul li:hover ul li a {
	min-height: 40px;
	line-height: 40px;
	background: #333;
	color: #ee8000;
}
/* Sub sub nav link hover and active */
nav ul li:hover ul li:hover ul li:hover a,
nav ul li ul li ul li a.active,
nav ul li ul li ul li a:link.active,
nav ul li ul li ul li a:visited.active {
	background: #333;
	color: #fff;
}

/* Has sub nav */
nav ul ul li.has-subnav > a:after {padding: 0 0 0 5px; content: '+';}
nav ul ul li.has-subnav > a.active:after {content: '-';}
nav ul ul li.has-subnav > a:after {position: absolute; right: 20px;}

/* Make dropdown links vertical */
nav ul ul li {display: block; float: none; position: relative;}

/* Hide sub nav and give it its own width */
nav ul ul {display: none; position: absolute;}

/* Sub nav width */
nav ul ul {width: 250px;}

/* Sub sub nav position */
nav ul ul ul {position: absolute; top: 0; left: 250px;}

/* Display the dropdown on hover */
nav ul li a:hover + .subnav, nav .subnav:hover {display: block;}

/* Show nav button */
.show-nav {
	display: none;
	padding: 0 20px 0 20px;
	width: 100%;
	height: 50px;
    box-sizing: border-box;
	background: #444;
	color: #ee8000;
	text-align: left;
	font-family: Century Gothic, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 4.8rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Hide checkbox */
input[type=checkbox]#show-nav {display: none;}
/* Show nav when invisible checkbox is checked */
input[type=checkbox]#show-nav:checked ~ nav {display: block;}

/* Responsive nav */
@media screen
and (max-width: 750px)
and (min-width: 0px) {
	
	#navigation {
		height: 50px;
		background-color: #444;
	}
	#navigation .center {
		z-index: 9999;
	}
	
	/* Make sub nav links appear inline */
	nav {display: none; width: 100%;}
	nav, nav ul ul,	nav ul ul ul {position: static;}
	
	/* Make all nav links full width */
	nav ul li {width: 100%;}
	nav ul, nav ul ul, nav ul ul ul {width: 100%;}
	
	/* Indenting */
	nav ul li a {margin: 0; padding: 0 20px 0 20px;}
	nav ul ul li a, nav ul li:hover ul li a {padding: 0 20px 0 50px;}
	nav ul ul ul li a, nav ul li:hover ul li:hover ul li a {padding: 0 20px 0 80px;}
	
	/* Has Sub Nav Link */
	nav ul li.has-subnav > a:after {position: absolute;	right: 20px;	}
	
	/* Display 'show nav' link */
	.show-nav {display: block;}
	
	nav ul {
		border-top: 1px solid #fff;
	}
	nav ul ul {
		border-top: none;
	}
	
}

/* Content */

#content {
	padding: 40px 0 40px 0;
	background-color: #fff;
}
#content .column-1,
#content .column-2 {
	float: left;
}
#content .column-1 {
	margin: 0 40px 0 0;
	width: 360px;
}
#content .column-2 {
	width: 760px;
}
#content .column-2 .visual {
    display: block;
    margin: 0 0 20px 0;
    padding: 10px 0 4px 0;
    max-width: 760px;
    height: auto;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

#content h2.black{
    color:#000;
}
    #content h1.orange {
        color: #ee8000
    }
    #content h1.blue {
        color: #009ce1
    }
    #content h1.green {
        color: #128b29
    }

/* Content - Magazine */

#brochure {
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
	height: 230px;
	background-color: #eee;
	font-family: Century Gothic, Arial, Verdana, sans-serif;
}
#brochure .text {
	padding: 16px 20px 0 170px;
	font-weight: bold;
	font-size: 1.9rem;
	line-height: 2.4rem;
	color: #ee8000;
}
#brochure .text .date {
	font-size: 1.9rem;
	line-height: 2.4rem;
	color: #999;
}
#brochure .download {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 5px 20px 7px 170px;
	height: auto;
	background-color: #ee8000;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 2.1rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}
#brochure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 230px;
}
#brochure:hover {
	background-color: #ee8000;
	text-decoration: none;
}
#brochure:hover .text,
#brochure:hover .text .date {color: #fff;}
#brochure:hover .download {background-color: #000;}

/* Content - Congresses */

#congresses {
	float: left;
	width: 100%;
	font-family: Century Gothic, Arial, Verdana, sans-serif;
}
#congresses .congress {
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}
#congresses .congress .box {
	float: left;
	border-left: 6px solid #009ce1;
	padding: 10px 20px 12px 20px;
	width: 100%;
	box-sizing: border-box;
	background-color: #eee;
}
#congresses .congress .box span {
	float: left;
	width: 100%;
	font-weight: bold;
}
#congresses .congress .box .type {
	color: #009ce1;
	font-size: 1.7rem;
	line-height: 2.3rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#congresses .congress .box .title {
	color: #000;
	font-size: 1.9rem;
	line-height: 2.4rem;
}
#congresses .congress .box .date {
	color: #999;
	font-size: 1.9rem;
	line-height: 2.4rem;
}
#congresses .congress .links {
	float: left;
	border-left: 6px solid #009ce1;
	margin: 0;
	padding: 10px 20px 12px 36px;
	color: #009ce1;
    display:none;
}
#congresses .congress.archive .date {
    display:none;
}
#congresses .congress.active .links {
    display:block;
}
#congresses .congress .links li a {
	color: #009ce1;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 2.3rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#congresses .congress.blue .box,
#congresses .congress.blue .type,
#congresses .congress.blue .links,
#congresses .congress.blue .links li a {
	border-color: #009ce1;
	color: #009ce1;
}
#congresses .congress.green .box,
#congresses .congress.green .type,
#congresses .congress.green .links,
#congresses .congress.green .links li a {
	border-color: #128b29;
	color: #128b29;
}
#congresses .congress.orange .box,
#congresses .congress.orange .type,
#congresses .congress.orange .links,
#congresses .congress.orange .links li a {
	border-color: #ee8000;
	color: #ee8000;
}
#congresses .congress:hover .box,
#congresses .congress.active .box {
	border-color: #000;
}
#congresses .congress.blue:hover .box,
#congresses .congress.blue.active .box {
	background-color: #009ce1;
}
#congresses .congress.green:hover .box,
#congresses .congress.green.active .box {
	background-color: #128b29;
}
#congresses .congress.orange:hover .box,
#congresses .congress.orange.active .box {
	background-color: #ee8000;
}
#congresses .congress:hover .type,
#congresses .congress.active .type,
#congresses .congress:hover .title,
#congresses .congress.active .title,
#congresses .congress:hover .date,
#congresses .congress.active .date {
	color: #fff;
}
#congresses .congress.blue .links li a:hover,
#congresses .congress.blue .links li a.active,
#congresses .congress.green .links li a:hover,
#congresses .congress.green .links li a.active,
#congresses .congress.orange .links li a:hover,
#congresses .congress.orange .links li a.active {
	color: #000;
	text-decoration: none;
}

/* speakers */
#speakers .speaker {
    float:left;
    margin-top:20px;
}
#speakers .speaker .speaker-image {
    float:left;
    width:200px;
    height:200px;
}
#speakers .speaker .speaker-image img {
    width:200px;
    height:auto;
}
#speakers .speaker .speaker-content {
    float:left;
    margin-left:20px;
    width:540px;
}
#speakers .speaker .speaker-content .speaker-content-text {
    position: relative;
    max-height: 125px;
    overflow: hidden;
    -webkit-transition: max-height 500ms ease-out;
    -moz-transition: max-height 500ms ease-out;
    -ms-transition: max-height 500ms ease-out;
    -o-transition: max-height 500ms ease-out;
    transition: max-height 500ms ease-out;
}
#speakers .speaker .speaker-content .speaker-content-text.speaker-content-text-full {
    max-height: 999px;
    -webkit-transition: max-height 500ms ease-out;
    -moz-transition: max-height 500ms ease-out;
    -ms-transition: max-height 500ms ease-out;
    -o-transition: max-height 500ms ease-out;
    transition: max-height 500ms ease-out;
}

/* speakers in programma */
.speaker-thumb{
    display:inline-block;
    margin-right:20px;
}
.speaker-thumb img{
    width:120px;
    height:auto;
    display:block;
}

/* Panels */
#panels {
    padding: 40px 0 0 0;
    background-color: #eee;
    font-family: Century Gothic, Arial, Verdana, sans-serif;
    font-weight: bold;
}
#panels a {
	position: relative;
	float: left;
	margin: 0 40px 40px 0;
	padding: 16px 20px 54px 20px;
	width: 360px;
	box-sizing: border-box;
	background-color: #fff;
}
#panels a:nth-child(3n) {
	margin: 0;
}
#panels a span {
	float: left;
	width: 100%;
}
#panels a .title {
	font-weight: bold;
	font-size: 2.8rem;
	line-height: 3.4rem;
	color: #000;
}
#panels a .date {
	margin: 4px 0 0 0;
	font-size: 1.9rem;
	line-height: 2.4rem;
	color: #999;
}
#panels a .type {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 20px 0 20px;
	height: 32px;
	box-sizing: border-box;
	background-color: #009ce1;
	color: #fff;
	font-size: 1.7rem;
	line-height: 3rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#panels a.blue .type,
#panels a.blue:hover {
	background-color: #009ce1;
}
#panels a.green .type,
#panels a.green:hover{
	background-color: #128b29;
}
#panels a.orange .type,
#panels a.orange:hover{
	background-color: #ee8000;
}
#panels a:hover .title,
#panels a:hover .date {
	color: #fff;
}
#panels a:hover .type {
	background-color: #000;
}

/* forms */
table.form td{
    padding:5px 0 5px 0;
}
table.form .c1{
    padding-right:20px;
    padding-top:10px;
    vertical-align:top;
}
table.form input[type=text]{
    width:300px;
}
table.form input.small {
    width: 100px;
}

/* Contact */

#contact {
	height: 50px;
	background-color: #444;
	color: #fff;
	line-height: 4.6rem;
}
#contact ul {
	margin: 0;
}
#contact ul li {
	float: left;
	margin: 0 32px 0 0;
	padding: 0 0 0 8px;
	list-style-image: url("../images/bullet.png")
}
#contact ul li:first-child {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
}
#contact ul li a:link,
#contact ul li a:visited,
#contact ul li a:hover,
#contact ul li a:active {
	color: #fff;
}

/* Footer */

footer {
	height: 80px;
	background-color: #000;
}
footer .column-1,
footer .column-2 {
	float: left;
	width: 580px;
	height: 80px;
}
footer .column-2 {
	text-align: right;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 7.6rem;
	color: #999;
}
footer .column-2 a{
    color:#fff;
}
footer .logo {
	display: block;
	margin: 24px 0 0 0;
}

/* Hiding the seal */

@media screen
and (max-width: 1550px)
and (min-width: 750px) {
	
	header #seal {
		display: none;
	}
	
}

/* table responsive */
table.table td{
	padding:0 5px 10px 5px;
}
table.table td img {
	max-width: 100% !important;
}

/* Mobile */

@media screen
and (max-width: 750px)
and (min-width: 0px) {
	
	/* Layout */

	.center {
		width: 100%;
	}

	/* Header */

	header {
		height: auto;
	}
	header #logo {
		position: static;
		float: left;
		top: auto;
		left: auto;
		margin: 16px 20px 12px 20px;
		width: 280px;
		height: auto;
	}
	header #logo img {
		width: 280px;
		height: auto;
	}
	#icons {
		display: none;
	}

	/* Content */

	#content {
		padding: 20px 0 20px 0;
	}
	#content .column-1,
	#content .column-2 {
		float: left;
	}
	#content .column-1 {
		margin: 0 0 20px 0;
	}
	#content .column-1,
	#content .column-2 {
		padding: 0 20px 0 20px;
		width: 100%;
		box-sizing: border-box;
	}
	
	#content .column-2 img {
		max-width: 100%;
		width: auto;
		height: auto;
	}

        #content .column-2 .visual {
            max-width: 100%;
            width:auto;
            height: auto;
        }

	/* Content - brochure */

	#brochure {
		margin: 0 0 20px 0;
		width: 100%;
		height: 150px;
	}
	#brochure .text {
		padding: 16px 20px 0 120px;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	#brochure .download {
		padding: 5px 20px 7px 120px;
	}
	#brochure img {
		width: 100px;
		height: 150px;
	}

    /* Content - Speakers */

    #speakers .speaker .speaker-image {
        width: 100%;
        height: auto;
    }
    #speakers .speaker .speaker-image img {
        max-width:100%;
        width: auto;
        height: auto;
    }
    #speakers .speaker .speaker-content {
        float: left;
        margin-left: 0;
        box-sizing:border-box;
        width: auto;
    }

    /* speakers in programma */
    .speaker-thumb {
        display: inline-block;
        margin-right: 20px;
    }

    .speaker-thumb img {
        width: 120px!important;
        height: auto!important;
        /*display: block;*/
    }

	/* Panels */
	#panels {
		display: none;
	}

    /* forms */
    table.form td.c1,
    table.form td.c2{
        float:left;
        clear:left;
        width:100%;
    }

    table.form td.c1 {
        padding-right: 0;
        padding-top: 0;
    }

    table.form input[type=text] {
        width: 100%;
    }

    table.form input.small {
        width: 100%;
    }

	/* Contact */
	#contact {
		padding: 20px;
		height: auto;
		box-sizing: border-box;
		line-height: 2.4rem;
	}
	#contact ul li {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style-type: none;
		list-style-image: none;
	}

	/* Footer */

	footer {
		padding: 20px 20px 26px 20px;
		height: auto;
		box-sizing: border-box;
	}
	footer .column-1,
	footer .column-2 {
		width: 100%;
		height: auto;
	}
	footer .column-2 {
		text-align: left;
		line-height: 2.6rem;
	}
	footer .logo {
		margin: 0;
	}
	
	/* Text Size in Landscape Mode Fix */
	
	header,
	#navigation,
	#content,
	#panels,
	#contact,
	footer {
		-webkit-text-size-adjust: 100%;
	}

	/* table responsive */
	table.table td {
		float:left;
		clear:left;
	}
	
}
