body {
	font-family : sans-serif !important;
	font-size: 15px;
}

img{
	max-width : 100% !important;
	height : auto !important;
}

#calendar_monthview td{
	border-width: 1px;
}
#calendar_monthview {
	word-wrap: normal;
	word-break: normal;        
}
select[name="CHANGE_CAT"] {
	width: 50%;
}
#calendar_monthview td div{
	width : 25px !important;
}

/*=========================
HEADER	
=========================*/

#logo img{
	width : 250px !important;
}

#menu{
	height : 50px;
}

.nav-item{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.nav-item a{
	color : #fff;
	font-weight: bold;
	font-size: 16px;
	text-transform : uppercase;
}

.nav-item a:hover{
	color : #000;
}

.navbar-toggler:focus{
	box-shadow: none;
}

.navbar {
	transition: all 0.4s ease;
}

.navbar-scrolled {
	background: rgba(82,147,187,1);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.spacer{
	height : 40px;
}

#text-header{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
	text-align: justify;
}

#text-header a{
	color : #FFF;
}

/*=========================
CONTENT	
=========================*/
#content {
	min-height: 200px;
	word-wrap: break-word !important;
	word-break: break-word;
}

/*=========================
FOOTER
=========================*/
#footer{
	min-height : 270px;
	background-color: #5293BB;
}

.pre-footer{
	height : 70px;
	background-color: #6EB1D6;
}

ul.centerUL {
	margin-top : 50px;
	display: flex;
	justify-content: center;
	list-style-type: none;
}
  
  .centerUL li a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	padding: 16px;
	text-decoration: none;
  }
  
  .centerUL li a:hover {
	font-weight: bold;
  }

@media (max-width: 450px) {
	#calendar_monthview {
        word-wrap:  !important;
        word-break: break-word !important;        
      }
}

@media (max-width: 575px) {
	.pre-footer{
		height : 50px;
		background-color: #6EB1D6;
	}
	#footer{
		height : 250px;
		background-color: #5293BB;
	}
	ul.centerUL {
		margin-top : 50px;
		display: inline;
		justify-content: center;
	}
	#text-header{
		font-size: 17px;
	}
	#menu .container-fluid{
		display: flex;
		justify-content: space-between !important;
	}

	.navbar-collapse.collapse {
		background-color: #5293BB;
		border-radius: 10px;
	  }
    .navbar-collapse.collapsing {
		background-color: #5293BB;
		border-radius: 10px;
	}
	.navbar-nav .dropdown-menu {
		background-color: #5293BB;
		border-radius: 10px;
	} 
	.navbar-scrolled {
		background: rgba(82,147,187,0);
		box-shadow: none !important;
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	#text-header{
		font-size: 18px;
	}
	#menu .container-fluid{
		display: flex;
		justify-content: space-between !important;
	}
	.navbar-collapse.collapse {
		background-color: #5293BB;
		border-radius: 10px;
	}
	.navbar-collapse.collapsing {
		background-color: #5293BB;
		border-radius: 10px;
	}
	.navbar-nav .dropdown-menu {
		background-color: #5293BB;
		border-radius: 10px;
	} 	
	.navbar-scrolled {
		background: rgba(82,147,187,0);
		box-shadow: none !important;
	}	
}

@media (min-width: 769px) and (max-width: 992px) {
	.nav-item a{
		color : #fff;
		font-weight: bold;
		font-size: 14px;
	}
	.nav-item{
		padding-left: 5px;
		padding-right: 5px;
	}	
}