#header {position: fixed;width:100%;top:0;}

#article {position: absolute;top:95px;width:100%;}
.logo {margin-left:60px;}
.logo img {width:264px;display: block;}
#nav {position: absolute;top:0;right:0;display: block;overflow: visible;margin-right: 60px;}
#nav ul {margin: 0 0 0 0;padding: 0;line-height: 1em;overflow:visible;}
#nav ul li {float: left;margin: 0;padding: 0;overflow: visible;font-size: 1em;display: block;position: relative;}
#nav ul li a {border-bottom:none;padding: 10px 15px;background-color: #ffffff;margin: 30px 0;border-left:solid 1px #cccccc;}
#nav ul li a:hover {text-decoration: underline;background-color: #f5f5f5;}
.mobile-menu {display: none;}
.touch-button {display: none;}

.header-image {float:left;}

#nav ul li:hover ul {display:block;}
#nav ul li ul {position: absolute;width:150px;left:-1px;display:none;padding: 0;}
#nav ul li ul li {float: none;}
#nav ul li ul li a {padding: 20px 5px;border-top:solid 1px #082b4c}
#nav ul li ul li a:hover {border-top:solid 1px #72c260}
#nav ul li a.noborder {border:none;}

.img-width {width:auto;}

.three-col {width: 30%;float:left;margin: 1%;}
.three-col p {min-height:130px;}

.red.text {padding:0 8%;}

.blue.text {padding:0 8%;}

.white.text {padding:0 8%;}

.img-member {display:block;margin:30px;}
.img-member.right {float:right;}
.img-member.left {float:left;}

@media screen and (min-width:860px) {
.header-image {float:right;width:400px;}
#slider {width: 70%;margin:30px auto 10px auto;}
}

@media screen and (min-width:960px) {
.header-image {width:570px;}
.three-col p {min-height:110px;}
}

@media screen and (min-width:1200px) {
.logo {margin-left:5%;}
#nav {margin: 0 5% 0 0;}
.red.text {padding:0 8%;}
#slider {width: 75%;}
.three-col p {min-height:90px;}
}