// Extra small devices (portrait phones) @media (max-width: 575.99px) {
}
 // Small devices (landscape phones) @media (max-width: 767.99px) {

}
 // Medium devices (tablets) @media (max-width: 991.99px) {
}
 // Large devices (desktops) @media (max-width: 1199.99px) {
...
}
 // SASS @include media-breakpoint-down(xs) {

}
 @include media-breakpoint-down(sm) {

}
@include media-breakpoint-down(md) {
...
}
 @include media-breakpoint-down(lg) {
...
}

.body-community{
	width:100%;
	}



.navbar {
	background-color: transparent !important;
	color: #FFF !important;
}

/* -------------- Modal -------------- */

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	/*z-index: 1;*/
	padding-top: 60px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 153, 153, 0.5);
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}
/* The Close Button */
.close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}
.close:hover, .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}
.short_info {
	z-index: 0;
	bottom: 40px;
	position: fixed;
	border-radius: 0px 7px 0px 0px !important;
}
/* -------------- /Modal -------------- */

/*
.navbar-cards{
	border-bottom:thin solid #CCC;
	}
*/	
		
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #f5f5f5;
	border-top:#CECECE thin solid;
}

.footer-container {
	margin-right: 0 !important;
	margin-left: 0 !important;
}