@charset "utf-8";

/* @group news */
article#profile{
	height: 100px;
    text-align: center;
    padding-top: 15px;
	background: url(../images/profile.jpg) no-repeat;
	background-size: contain;
	background-position: center top;
	background-attachment: fixed;
	}
article#profile h1{
	margin: 0 auto;
	font-size: 3em;
	/*opacity: 0.8;*/
	color: #fff;
	}
article#profile p{
	color: #fff;
	}
/* @end */

/* @group profile-contents */
article#profile-contents{
    padding: 1.5em;
    margin-bottom: 5em;
	}
article#profile-contents a{
    background: #fff;
    border: solid 1px #0058aa;
    padding: 0.5em 2em;
    text-decoration: none;
    margin: 2em auto 0;
    width: 8em;
    display: block;
    text-align: center;
	}
article#profile-contents a:hover{
    background: #333;
    border: solid 1px #ccc;
    color: #fff;
	}
article#profile-contents section p:last-of-type{
	margin-bottom: 2em;
	}
/* @end */

/*768px*/
@media screen and (min-width : 768px) {
/* @group news */
article#profile{
	height: 100px;
    padding-top: 20px;
    margin: 64px auto 3em;
	background-size: cover;
	}
/* @end */

/* @group news-lead */
article#profile-contents{
	max-width: 500px;
	margin: 0 auto 5em;
	}
/* @end */
}

/*1024px*/
@media screen and (min-width : 1024px) {

/* @group news */
article#profile{
	height: 125px;
    padding-top: 25px;
    margin: 74px auto 3em;
	}
/* @end */
/* @group news-lead */
article#profile-contents{
	max-width: 600px;
	}
/* @end */

}
/* @end */