body {
	  font-size:16px;
	}
	#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;
	}

	@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;
		}
	}