/*---------------------------------------------------------------------
 *  RESPONSIVE
 *---------------------------------------------------------------------*/

@media only screen and (max-width: 979px) {

	.wrapper {
		width: 767px;
	}

	#top {
		height: 93px;
		background-position: bottom;
	}

	#home {
		margin: 45px 0 65px 15px;
	}

	#home .left {
		width: 565px;
	}

	#home .right {
		width: 187px;
	}

	#about,
	#announcement {
		width: 361px;
		height: 173px;
		margin: 0 15px 15px 0;
	}

	#about img {
		width: 361px;
		height: 173px;
	}

	#dining,
	#inn {
		width: 173px;
		height: 173px;
		margin: 0 15px 15px 0;
	}

	#dining img,
	#inn img {
		width: 173px;
		height: 173px;
	}

	#announcement .pad {
		padding: 20px;
	}

	#announcement p {
		overflow: hidden;
		height: 55px;
		font-size: 13px;
		line-height: 1.4;
	}

	#hero {
		margin: 0 15px 15px 0;
		width: 173px;
		height: 361px;
	}

	#hero img {
		width: 173px;
		height: 361px;
	}

	#logo {
		width: 220px;
		margin: 28px 0 0 15px;
	}

	#top_nav {
		margin: 29px 10px 0 0;
		font-size: 11px;
	}

	#top_nav li {
		margin: 0 5px 0 0;
	}

	#login {
		margin: -9px 15px 0 0;
	}

	#int {
		width: 737px;
		margin: 0 0 70px 15px;
	}

	#int .left {
		width: 537px;
	}

	#int .right {
		width: 200px;
	}

	#event {
		width: 737px;
		margin: 0 0 70px 15px;
	}

	#event .left {
		width: 564px;
	}

	#event_main {
		width: 549px;
		height: auto;
		margin: 0 0 16px 0;
	}

	#event_btns a {
		width: 267px;
		height: 63px;
		margin: 0 15px 0 0;
	}

	.btn_floor {
		background: url(../images/btn_floor_sm.png) top center no-repeat;
	}

	.btn_options {
		background: url(../images/btn_options_sm.png) top center no-repeat;
	}

	#event .right {
		width: 173px;
	}

	#event_video,
	#event_blog {
		width: 173px;
		height: 173px;
		margin: 0 0 15px 0;
	}

	a.btn_info {
		margin: 0 0 15px 0;
		width: 173px;
		height: 63px;
		background: url(../images/btn_info_sm.png) top center no-repeat;
	}


	#int ul.staff li {
		width: 45%;
		padding: 0 5% 13px 0;
	}

	#floor_plans {
		background: #ffffff;
	}

	#floor_plans .mobile {
		display: block;
	}

	#floor_plans img {
		max-width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}

	.room_img {
		float: none;
		margin: 0 0 20px 0;
	}

	#req_info label,
	#site_info label {
		float: none;
		display: block;
		width: auto;
	}

	#req_info input[type="text"],
	#site_info input[type="text"] {
		display: block;
	}

	.captchdesc {
		padding: 0;
	}

	.block img {
		width: 125px;
		height: 125px;
	}

	.full .left {
		width: 738px !important;
		background: #ffffff;
	}

	#veterans_slider {
		position: relative;
		width: 738px;
		height: 294px;
	}

	#veterans_slider img {
		width: 738px;
	}

	#veterans_nav {
		width: 738px;
		height: 47px;
		line-height: 47px;
		background-color: #F6F6F6;
		text-align: center;
		font-family: "proxima-nova", sans-serif;
		font-size: 14px;
		color: #838383;
	}

	#veterans_nav span {
		padding: 0 5px;
	}

	#veterans_nav a {
		color: #838383;
		font-weight: 600;
		text-decoration: none;
	}

	#veterans_nav a:hover {
		color: #002269;
		font-weight: 600;
		text-decoration: none;
	}

	#veterans_nav a.current {
		color: #002269;
		font-weight: 600;
		text-decoration: none;
	}

}

@media only screen and (max-width: 767px) {
	#pinterest_btn {
		top: 13px;
		width: 105px;

	}

	html {
		background: #2C2C2C !important;
	}

	.highlight {
		display: none;
	}

	#mobile_top {
		display: block;
		position: relative;
		clear: both;
		width: 100%;
		border-top: 5px solid #ffc729;
		background: #3D3D3D;
		padding: 15px 0 10px 0;
	}

	.mobile {
		display: block;
	}

	.nomobile {
		display: none;
	}

	#home {
		margin: 20px 0;
	}

	.wrapper {
		width: 460px;
	}

	#top {
		height: auto;
		background: #3d3d3d;
		padding: 15px 0 10px 0;
	}

	#logo {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 426px;
	}

	#login {
		margin: 20px 0 0 0;
		float: none;
		width: 100%;
	}

	#user {
		width: 165px;
	}

	#pass {
		left: 195px;
		width: 165px;
	}

	#login_btn {
		left: 380px;
	}

	#home .left {
		float: none;
		width: 460px;
		margin: 0 auto;
	}

	#home .right {
		float: none;
		width: 460px;
		margin: 0 auto;
	}

	#about,
	#announcement {
		width: 460px;
		height: 220px;
		margin: 0 0 20px 0;
	}

	#about img {
		width: 460px;
		height: 220px;
	}

	#dining,
	#inn {
		width: 220px;
		height: 220px;
	}

	#dining {
		margin: 0 20px 20px 0;
	}

	#inn {
		margin: 0 0 20px 0;
	}

	#dining img,
	#inn img {
		width: 220px;
		height: 220px;
	}

	#hero {
		margin: 0;
		width: 460px;
		height: 220px;
	}

	#hero img {
		width: 100%;
		height: auto;
	}

	#int {
		width: 460px;
		margin: 0 0 20px 0;
	}

	#page_header {
		margin: 20px 0;
	}

	#page_header h1 {
		font-size: 24px;
		padding: 15px 20px;
	}

	#hide_btn {
		display: none;
	}

	#int .right {
		display: none;
	}

	#int .right.alt {
		margin: 20px 0 0 0;
		display: block;
		float: none;
		width: 100%;
		background: #ffffff;
		height: auto !important;
	}

	#int .right.alt img {
		display: none;
	}

	#int .right.alt h3 {
		display: block;
		margin: 0;
		border: none;
	}

	#int .left {
		float: none;
		width: 460px;
		height: auto !important;
	}

	#int .left .pad {
		padding: 20px;
	}

	#footer {
		padding: 20px 0;
	}

	#int h2 {
		font-size: 20px;
		padding: 0 0 10px 0;
	}


	#int ul.staff li {
		float: none;
		width: 100%;
		padding: 0 0 13px 0;
	}

	#int .left ol {
		margin: 0 0 15px 20px;
	}

	#int .left ul {
		margin: 0 0 15px 20px;
	}

	.location span {
		width: 230px;
	}

	#event {
		width: 460px;
		margin: 0 0 20px 0;
	}

	#event_main {
		width: 460px;
		margin: 0 0 20px 0;
	}

	#event .left {
		width: 100%;
		float: none;
	}

	#event .right {
		width: 100%;
		float: none;
	}

	#event_btns a {
		width: 220px;
		margin: 0;
		float: none;
	}

	#event_btns a.btn_floor {
		float: left;
	}

	#event_btns a.btn_options {
		float: right;
	}

	#event_video {
		float: left;
		width: 220px;
		height: 220px;
		margin: 0 20px 0 0;
	}

	#event_blog {
		float: left;
		width: 220px;
		height: 220px;
		margin: 0;
	}

	a.btn_info.nomobile {
		display: none;
	}

	a.btn_info.mobile {
		display: block;
		width: 460px;
		height: 63px;
		margin: 20px 0 0 0;
		background: url(../images/btn_info_sm.png) #e5b325 top center no-repeat;
	}

	a.btn_info.mobile:hover {
		background: url(../images/btn_info_sm.png) #001e6a bottom center no-repeat;
	}

	.b_title {
		padding: 0 5px 3px 5px;
	}

	.b_description {
		padding: 0 5px;
	}

	.full .left {
		width: 460px !important;
		background: #ffffff;
	}

	#veterans_slider {
		position: relative;
		width: 460px;
		height: 183px;
	}

	#veterans_slider img {
		width: 460px;
	}

	#veterans_nav {
		display: none;
	}



}

@media only screen and (max-width: 479px) {
	#pinterest_btn {
		right: 3px;
		top: 6px;
		width: 90px;
		height: 29px;
	}

	body {
		font-size: 13px;
		line-height: 17px;
	}

	.wrapper {
		width: 300px;
	}

	#logo {
		width: 300px;
	}

	#top {
		padding: 10px 0 6px 0;
	}

	#user {
		width: 90px;
	}

	#pass {
		left: 115px;
		width: 90px;
	}

	#login_btn {
		left: 220px;
	}

	#about,
	#announcement {
		width: 300px;
		height: 143px;
		margin: 0 0 10px 0;
	}

	#about img {
		width: 300px;
		height: 143px;
	}

	#dining,
	#inn {
		width: 145px;
		height: 145px;
	}

	#dining {
		margin: 0 10px 10px 0;
	}

	#inn {
		margin: 0 0 10px 0;
	}

	#dining img,
	#inn img {
		width: 145px;
		height: 145px;
	}

	#hero {
		margin: 0;
		width: 300px;
		height: 143px;
	}

	#home .left,
	#home .right {
		width: 300px;
		margin: 0 auto;
	}

	#login {
		margin: 10px 0 0 0;
	}

	#home {
		margin: 10px 0;
	}

	#footer {
		padding: 15px 0;
		font-size: 12px;
	}

	#page_header {
		margin: 10px 0;
	}

	#page_header h1 {
		font-size: 22px;
		padding: 10px 15px;
	}

	#int {
		width: 300px;
		margin: 0 0 10px 0;
	}

	#int .left {
		width: 300px;
	}

	#int .left .pad {
		padding: 15px;
	}

	#int .right.alt {
		margin: 10px 0 0 0;
	}

	#int .right.alt h3 {
		padding: 15px;
	}

	#int .right.alt #side_nav {
		margin: 15px;
	}

	#int h2 {
		font-size: 18px;
	}

	#int h3 {
		font-size: 16px;
	}

	span.sized {
		width: 150px;
	}

	.location span {
		width: 135px;
	}

	#event {
		width: 300px;
		margin: 0 0 10px 0;
	}

	#event_main {
		width: 300px;
		margin: 0 0 10px 0;
	}

	#event_btns {
		margin: 0 0 10px 0;
	}

	#event_btns a {
		width: 300px;
		margin: 0 0 10px 0;
	}

	#event_btns a.btn_floor {
		float: none;
		background: url(../images/btn_floor_sm.png) #6a6a6a top center no-repeat;
	}

	#event_btns a.btn_floor:hover {
		background: url(../images/btn_floor_sm.png) #001e6a bottom center no-repeat;
	}

	#event_btns a.btn_options {
		float: none;
		background: url(../images/btn_options_sm.png) #6a6a6a top center no-repeat;
	}

	#event_btns a.btn_options:hover {
		background: url(../images/btn_options_sm.png) #001e6a bottom center no-repeat;
	}

	a.btn_info.mobile {
		width: 300px;
		margin: 10px 0 0 0;
	}

	#event_video {
		float: left;
		width: 145px;
		height: 145px;
		margin: 0 10px 0 0;
	}

	#event_blog {
		float: left;
		width: 145px;
		height: 145px;
		margin: 0;
	}

	.vid_link p,
	.blog_link p {
		font-size: 12px;
	}

	.room_img {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.block {
		float: none;
		width: 100%;
		height: auto !important;
	}

	.b_title {
		padding: 0 0 3px 0;
	}

	.b_description {
		padding: 0;
	}

	.full .left {
		width: 300px !important;
		background: #ffffff;
	}

	#veterans_slider {
		position: relative;
		width: 300px;
		height: 119px;
	}

	#veterans_slider img {
		width: 300px;
	}

	#veterans_nav {
		display: none;
	}

}