.no-pad-xs {
    padding-right: 0;
    padding-left: 0;
}


.pad-mobile {
	padding-left: 2em;
	padding-right: 2em;
}

.no-top-xs {
    margin-top: 0.25em;
}

.margin-sides-xs {
	margin-left: 2em;
	margin-right: 2em;
	width: calc(100% - 4em);
}


#index-feature-camp {
	text-align: center;
	}
#index-feature-camp h1 {
	margin-top: .5em;
	}

.calendar-body-day-body-event-event-pic-text {
	font-size: .7em;
	}


.calendar-employee-text {
	font-size: 0.6em;
}
	
	
.clear-sm {
	clear: none;
}


.navbar-nav {
	font-size: 1em;
	}


.user-profile-add-picture-icon {
	font-size: 2em;
	margin-top: 1em;
}



#user-profile-name {
	margin-top: 3em;
}


@media (min-width: 768px) {


	.navbar-default .navbar-brand {
		width: auto;
		padding-left: 0;
		}


	 .container-pad {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
		width: 750px;
	}

	.panel-no-round-small {
		border-radius: 0.5em;
	}

	body {
		font-size: 14px;
	}

	.pad-mobile {
		padding-left: 0;
		padding-right: 0;
	}


	.index-container {
	    padding-right: 15px;
    	padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.no-top-xs {
	    margin-top: 0.5em;
	}


	.button-wrap {
		width: auto;
		margin-left: auto;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.nav > li {
	    clear: none;
	    width: auto;
	    text-indent: 0;
	}


	.navbar-nav {
		font-size: 0.8em;
		}


	.row.green.margin-top {
		margin-top: 5.5em;
	}


	.jumbotron-frame {
		height: 20em;
		}

	.slide-left {
		margin-left: -1.5em;
	}



	.reservation-dialog-button {
		width: auto;
		padding: 10px 16px;
	}

	.reservation-option-label {
		margin-top: .45em;
		}	


	.index-feature {
		height: 22em;
	}

	.index-feature-image {
		height : 9em;
		}

	.index-feature-shadow {
		height : 7em;
		}


	.index-image-caption {
		height: 11em;
		}
		
	.index-image-text-div {
		top: 9em;
		height: 14em;
		}

	.index-image-text {
		padding: 1em;
		margin-top: 1em;
		height: 6.5em;
		}

	.index-image-button {
		position: absolute;
		bottom: 3em;
		width: 10em;
		}




    .no-pad-xs {
        padding-right: 15px;
        padding-left: 15px;
    }

    .no-pad-xs.half-pad {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .no-pad-xs.no-left-pad {
        padding-left: 0;
    }
    .no-pad-xs.no-right-pad {
        padding-right: 0;
    }


	.btn-group-small-xl .btn-lg, .btn-group-lg > .btn {
		font-size: 1em;
	}

	.calendar-body-day-main {
		min-height: 10em;
		/*height: calc(100% - 3em)*/
	}

	.index-video {
		width: 100%;
		height: 400px
	}


	.calendar-body-day {
		min-height: 7em;
	}

	.calendar-body-day-body-event-event-pic {
	    min-height: 8em;
		}

	.calendar-event-text {
		}


	.calendar-event-block {
		background-size: cover;
		background-position: center 2.5em;
		min-height: 15em;
	}		

	.calendar-day-row-body > .calendar-event-block {
		min-height: 3em;
	}

	
	.calendar-week-event-event {
		background-size: cover;
	}
	
	.calendar-employee-text {
		/*font-size: 0.7em;*/
	}
	
	
	.map-frame {
		height: 450px;
	}


	#map-canvas {
		height: 30em;
		}	


    
    .calendar-body-day-body-event-event-pic-text {
		font-size: .9em;
		}


	.gallery-dialog-image {
		min-width: 30em;
		max-height: 30em;
	}

	.gallery-dialog-image-image	{
		max-height: 30em;
	}

	.gallery-dialog-image-landscape	{
		min-width: 30em;
		max-width: 30em;
	}

	.gallery-dialog-image-portrait	{
		min-height: 30em;
		max-height: 30em;
	}


	.admin-button-pad {
	}


	.clear-sm {
		clear: both;
	}


	.user-profiles-image-frame {
		width: 10em;
		height: 10em;
	}



}























@media (min-width: 992px) {


	 .container, .container-pad {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}


	.user-profile-add-picture-icon {
		font-size: 4em;
		margin-top: 1em;
	}

	.container, .container-pad {
		width: 970px;
	}


	.gallery-dialog-image-frame {
		min-width: 51em;
	}


	.gallery-dialog-images {
		height: 10em;	

	}

	.gallery-dialog-images-image {
		width: 10em;
		height: 10em;
	}



	.margin-sides-xs {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}


	.panel {
		border-radius: 0.5em;
	}

	.img-rounded-index {
		border-radius: 0.5em;
	}

	.img-rounded-top-index {
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
	}

	.index-story {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding: 0;
	}

	.img-frame {
		float: left;
		position: relative;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	h1 {
		font-size: 2.5em;
		}

	h2 {
		font-size: 2em;
		}

	h3 {
		font-size: 1.8em;
		}

	h4 {
		font-size: 1.2em;
		line-height: 1.5em;
		}

	.header-bar {
		width: 970px;
		}


	.jumbotron-frame {
		height: 32em;
		}


	.index-feature {
		height: 27em;
	}

	.index-feature-image {
		height : 14em;
		}

	.index-image-text-div {
		top: 14em;
		}



	.index-image-text {
		height: 5em;
		}


	.no-pad-md {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.index-image-button {
		bottom: 4em;
		width: 17em;
		}


	.infonotice {
		font-size: 1em;
	}





	.link-image {
		width: 10em;
	}

	.calendar-body-day {
		min-height: 12em;
	}

	#user-profile-name {
		margin-top: 0;
	}
	
    #index-feature-camp {
		text-align: left;
		}
	#index-feature-camp h1 {
		margin-top: 0;
		}

	.calendar-week-head-date, .calendar-week-body-time {
		padding: 1em;
		font-size: 1em;
		}

	.calendar-week-body-date-event-calendar-event-title {
		font-size: 1em;
		line-height:1.2em;
		min-height: 4.5em;
		}
	
	.calendar-week-event-event {
		min-height: 12em;
		height: auto;
	}
	
	
	.calendar-body-day-body-event-event-pic {
	    min-height: 12em;
		}

	.calendar-body-day-body-event-event-pic-text {
		font-size: 1em;
		}


	.gallery-dialog-image {
		min-width: 50em;
		max-height: 40em;
	}

	.gallery-dialog-image-image	{
		max-height: 30em;
	}

	.gallery-dialog-image-landscape	{
		min-width: 40em;
	}

	.gallery-dialog-image-portrait	{
		min-height: 30em;
	}


	.round-top-large {
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
	}


	.clear-sm {
		clear: none;
	}


}



















@media (min-width: 1200px) {

	.navbar-nav {
		font-size: 1em;
		}


	.nav-dropdown {
	    padding: 0.5em 0 0.6em;
	    margin-top: 0;
	}

	.container, .container-pad {
		width: 1170px;
	}

	.header-bar {
		width: 1170px;
		}

	.gallery-dialog-image {
		min-width: 50em;
		max-height: 40em;
	}

	.gallery-dialog-image-image	{
		max-height: 40em;
	}

	.gallery-dialog-image-landscape	{
		min-width: 50em;
	}

	.gallery-dialog-image-portrait	{
		min-height: 30em;
	}

}