@charset "utf-8";
/* CSS Document */

header {
	color:#FFF;
}

.jumbotron {
  background-image: url("../images/main01.jpg");
  background-size: cover;
  background-position: center 60%;
	padding-top: 20px;
}

.jumbotron-extend {
	position: relative;
    height: 70vh;
    min-height: 300px;
}

.toplogo {
	text-align: center;
	padding: 10px 0;
}

header h1 {
	margin: 50px 0 0 0;
	text-align: center;
}

h2 {
	text-align: center;
	margin: 100px 0 50px 0;
	font-weight: bold;
	color: #004EA1;
}

h3 {
	font-size: 1.3rem;
	margin: 10px 0;
	font-weight: bold;
}

.toptext {
	font-size: 1.3rem;
}

.itemwrap img, .srwrap img {
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
}

.itemwrap h3 span {
	font-size: 1.0rem;
}


.linkbt {
	background: #004EA1;
	color: #FFF;
	text-align: center;
	display: block;
	padding: 15px 0;
	font-size: 1.5rem;
	margin: 30px 0 0 0;
}

.linkbt:hover {
	color: #FFF;
}

.srwrap h3 {
	text-align: center;
	margin-top: 20px;
}

.srlink {
	background: #005CAC;
	color: #FFF;
	text-align: center;
	display: block;
	padding: 15px 0;
	margin: 10px 0 0 0;
	border-radius: 5px ;
}

.srlink:hover {
	color: #FFF;
}

.srrlink {
	background: #FFF;
	color: #005CAC;
	text-align: center;
	display: block;
	padding: 15px 0;
	margin: 10px 0 0 0;
	border: solid 1px #005CAC;
	border-radius: 5px ;
}

.srrlink:hover {
	color: #005CAC;
}

.attext {
	font-size: 0.8rem;
}

.linkar {
	background: url(../images/arrow.png) 0% 55% no-repeat;
	padding: 0 0 0 15px;
	display: block;
	margin: 0 0 20px 0;
}

.brlink {
	text-align: center;
}

.brlink img {
	margin:0 25px 50px 25px;
}

footer {
	background: #004EA1;
	color: #FFF;
	text-align: center;
	font-size: 0.8rem;
	padding: 10px 0;
	margin: 100px 0 0 0;
}

footer a {
	color: #FFF;
}

footer a:hover {
	color: #FFF;
}

  @media (max-width: 800px) {
    header h1 {
		font-size: 1.3rem;
	  }
	  
	header .toplogo img {
		width: 40%;
		height: auto;
	}
	
	#cp img {
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
}
	  

	}

  @media (min-width: 800px) {
	  .wimg {
		  width: 600px;
		  margin: 0 auto;
	  }
}
