/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}


body {
	font-family: 'PT Serif', serif;
}

.modal {
	width: 80%;
	height: 80%;
	background-color: #fff;
	padding: 20px;
	position: absolute;
	z-index: 999;
}

.navbar-default {
	background-color:transparent;
	background:none;
	border:0px;
}

#topnav a {
	text-decoration:none;
	color:#666;
	font-size:0.9em;
	
}

#topnav li {
	padding-top:4px;
}

.bs-example-scroll .navbar.navbar-default #navbarCollapse #naviMobile .nav.navbar-nav .logoMobile.naviBorder a {
	color: #C00;
}

#topnav {
	margin-top:	0px;
	background-color:#fff;
	text-align:center;
	border-bottom:1px #666 solid;
	border-top:1px #666 solid;
}

.top-btn {
	width:50px;
	height:50px;
	background:rgba(255,255,255,0.5);
	text-align:center;
	position:fixed;
	bottom:40px;
	right:20px;
	display:none;
}

.top-btn a {
	color:#666;
}

#logo {
	width:183px;
	height:120px;
	margin:0px auto;
	margin-top:0px;
}
	
h3 {
	color: #99cc00;
	line-height:1.3;
	font-weight:300;
	font-size:1.5em;
}


#navi {
	width:800px;
	margin:0px auto;
	padding-top:20px;
}

#naviMobile {
	width:1100px;
	margin:0px auto;
}

.navbar-nav > li > a {
	padding-top:5px;
	padding-bottom:5px;
}

.naviBorder {
	border-left:#666 thin solid;
}

#navi a {
	color:#666;
	font-size:1.4em;
}

#navi a:hover {
	color: #C00;
}

#naviMobile a {
	color:#666;
	font-size:1.4em;
}

.logoMobile {
	font-size:1.6em;
}

.logoMobile a {
	color:#C00;
}

#naviMobile li {
	padding-top:10px;
}

#naviMobile a:hover {
	color: #C00;
}

.bs-example-scroll {
	display:none;
	position:fixed;
	z-index:9999;
	width:100%;
	text-align:center;

}

.container {
	width:100%;
	padding:0px;
}

.row {
	width:100%;
	padding:0px;
	margin:0px;
}

.col-md-3 {
	margin:0px;
	padding:0px;
}

.col-md-12 {
	margin:0px;
	padding:0px;
}

.reset {
	padding-right:15px;
	padding-left:15px;
}

.col-md-6 {
	margin:0px;
	padding:0px;
}

.col-sm-3 {
	margin:0px;
	padding:0px;
}

@media screen and (max-width: 1200px) {
    #navi {	width:900px;}
	#navi a {font-size:1.4em;}
}

@media screen and (max-width: 992px) {
    #navi {	width:700px;}
	#navi a {font-size:1em;}
	#naviMobile {	width:700px;}
	#naviMobile a {font-size:1em;}
}

@media screen and (max-width: 768px) {
    #navi {	width:500px;}
	#navi a {font-size:1em;}
	#naviMobile {	width:500px;}
	#naviMobile a {font-size:1em;}
}

@media screen and (max-width: 468px) {
    #navi {	width:300px;}
	#navi a {font-size:1em;}
	#naviMobile {	width:300px;}
	#naviMobile a {font-size:1em;}
}

@media screen and (max-width: 320px) {
    #navi {	width:300px;}
	#navi a {font-size:0.9em;}
	#naviMobile {	width:300px;}
	#naviMobile a {font-size:0.9em;}
}

footer {
	margin-top:20px;
}

#copyright {
	width:auto;
	text-align:center;
}



	
}

.col-sm-3 {
	position:relative;
}

#image {
	position:relative;
	width:100%;
	height:100%;
	z-index:4;
}

.overlay {
	display:none;
	position:absolute;
	background-color: #FFF;
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding-top: 25%;
	z-index:5;
}

#overlayHead {
		display:block;
	width:100%;
	text-align:center;
}

#overlayText {
	display:block;
	width:100%;
	text-align:center;
}

#overlayLink {
		display:block;
	width:100%;
	text-align:center;
}

#image2 {
	position:relative;
	width:100%;
	height:100%;
	z-index:4;
}

.overlay2 {
	position:absolute;
	width:auto;
	height:auto;
	top:-50px;
	right:10%;
	transform: rotate(5deg);
	z-index:5;
}