@charset "utf-8";

/*
=========================================
  subject page
=========================================
*/

#subject_tl{
	background:url("../access/img/title.jpg") no-repeat right;
	background-size:100%;
	margin-left:15%;
	margin-top: 100px;
	min-height: 230px;
	border-radius: 50px 0 0 50px;
	position:relative;
}
@media screen and (max-width: 1200px) {
#subject_tl{
	background-size:120%;
	margin-left:8%;
}
}
@media screen and (max-width: 1000px) {
#subject_tl{
	margin-top: 60px;
}
}
@media screen and (max-width: 900px) {
#subject_tl{
	background-size:100%;
	margin-left:15%;
	min-height:170px;
}
}
@media screen and (max-width: 600px) {
#subject_tl{
	background-size:130%;
	min-height:150px;
}
}
#subject_tl h2{
	top:4rem;
	left:-5%;
	text-align:left;
	position:absolute;
}
#subject_tl h2 strong{
	background:#82bdd9;
	color:#fff;
	display:inline-block;
	border-radius:50px;
	padding:10px 50px;
	margin: 7px;
	font-weight: 500;
}
@media screen and (max-width: 900px) {
#subject_tl h2{
	top:3rem;
	left:-10%;
}
}
@media screen and (max-width: 600px) {
#subject_tl h2 strong{
	padding:5px 30px;
	margin: 3px;
}
}



/*
=========================================
  directions
=========================================
*/

#directions{
	margin-top:5rem; 
}
#directions .inner{
    display: flex;
    align-items: stretch;
}
#directions .inner div{
	border-radius: 10px;
	background: #f8f6ee;
	padding: 3rem 5%;
	width: 40%;
}
#directions .inner div h4{
	color:#0095d9;
}
#directions .inner div img{
	margin:0 auto 2rem;
}
#directions .inner div p{
}
#directions .train{
	margin-right:1.5%;
}
#directions .car{
	margin-left:1.5%;
}

@media screen and (max-width: 600px) {
#directions .inner{
    display: block;
}
#directions .inner div{
	padding: 2rem 5%;
	width: 90%;
}
#directions .inner div img{
	margin:0 auto 1rem;
}
#directions .train{
	margin-right:0;
}
#directions .car{
	margin:1.5rem 0;
}
}
@media screen and (max-width: 480px) {
#directions{
	margin-top:2rem; 
}
#directions .car{
	margin:1rem 0;
}
#directions img{
	width:180px;
}
}





#hours{
	margin-top:0 !important;
	padding-top:0 !important;
}