body {
		font-size:16px;
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}
	#demo {
	  height:100%;
	  position:relative;
	  overflow:hidden;
	}
	.green{
	  background-color:#6fb936;
	}
	.thumb{
		margin-bottom: 30px;
	}
	.page-top{
		margin-top:30px;
	}
	img.zoom {
		width: 100%;
		height: 200px;
		border-radius:5px;
		object-fit:cover;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
	}
	.transition {
		-webkit-transform: scale(1.2); 
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

			
	/* NAVBAR */
	.navbar-default {
	background-color: #3984C6;
	border-color: #3984C6;
	}
	.navbar-default .navbar-brand {
	color: #ffffff;
	}
	.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #000000;
	}
	.navbar-default .navbar-text {
	color: #ffffff;
	}
	.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #000000;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #000000;
	background-color: #D1E0EC;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #000000;
	background-color: #D1E0EC;
	}
	.navbar-default .navbar-toggle {
	border-color: #3984C6;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #D1E0EC;
	}
	.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
	}
	.navbar-default .navbar-collapse,.navbar-default .navbar-form {
	border-color: #ffffff;
	}
	.navbar-default .navbar-link {
	color: #ffffff;
	}
	.navbar-default .navbar-link:hover {
	color: #000000;
	}
	
	.bottom-center {
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%, -50%);
	}

	.footer {
    background-color: #f8f9fa;
    color: #fff;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;


	@media (max-width: 767px) {
		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			color: #ffffff;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #000000;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #000000;
		background-color: #D1E0EC;
		}
	}