﻿@charset "utf-8";
@media only screen and (min-device-width: 961px) {
	.fh-logo .url:hover span:not(:last-child) {
		-webkit-transform: translate(0%);
		-moz-transform: translate(0%);
		-ms-transform: translate(0%);
		transform: translate(0%);
		opacity: 1;
	}
}

@media only screen and (max-device-width: 961px) {
	menu a:link,
	menu a:visited { color: #2a2a2a; }
	menu a:link:hover,
	menu a:visited:hover {
		color: #fff;
		background: #30b861;
	}
	menu a.select:link,
	menu a.select:visited{
		color: #fff;
		background: #30b861;
	}
	menu a.select:link,
	menu a.select:visited,
	menu a:hover,
	menu a:visited:hover { border-radius: 0; }

	.one-half .first,
	.one-half .second,
	.two-third .first,
	.two-third .second,
	.one-third .first,
	.one-third .second,
	.one-third .third {
		width: 100%;
		margin: 0;
	}

	h1 { font-size: 34px; }
	h2 { font-size: 28px; }
	h3 { font-size: 26px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }

	menu .mobile {
    	display: block;
		margin-top: 10px;
		margin-right: 30px;
		margin-bottom: 10px;
		cursor: pointer;
		float: right;
	}
	menu .nav-menu {
		display: none;
		margin-right: 0;
		margin-bottom: 0;
		background: #fff;
	}
	menu .nav-menu.active,
	menu li {
		display: block;
		width: 100%;
	}
	menu li { margin: 0; }
	menu li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	div,
	section,
	p { text-align: center; }

	#contact div,
	.first.column-mobile,
	.second.column-mobile,
	.third.column-mobile {
		margin-bottom: 20px;
		text-align: center;
		float: left;
	}
}

@media only screen and (max-device-width: 600px) {
	tbody {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
	tr.slc,
	tr.slc th,
	tr.slc td {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
	tr.slc th:not(:last-child) { border-bottom-style: dashed; }
	tr.slc th:not(:first-child) {
		padding-left: 35px;
		border-top: none;
	}
	tr.slc td:first-child {
		font-weight: 500;
		color: #545454;
	}
	tr.slc td:not(:last-child) { border-bottom-style: dashed; }
	tr.slc td:not(:first-child) { padding-left: 35px; }
}

@media only screen and (max-device-width: 430px) {
	.heading-0:first-child { margin-top: 100px; }
}
