@charset "utf-8";


/* naviigation
--------------------------------------------------------------------------------------------------------------- */
*{
margin:0;
padding:0;
   
}
.deptcarousel{
	box-sizing:content-box;
	width:100%;
	float:none;
	
	
	
	}
.deptsection {
  
  display:table;
  clear: both;
    width: auto;
	color:black;
	margin-left:100px;
}

.deptcol1 {
	display:table;
  float: left;
  width:25%;
  padding: 0px;
  
}
.deptcol1 a {
  display:block;
  height:50px;
  background:rgba(0, 109, 176,.7);
  color:#fff; 
  text-decoration:none;
  padding:10px;
  margin-bottom:.3px;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color:#FFF;
}
.deptcol1 a:hover {
   background: rgba(0, 32, 96,.9);
    color: #ffffff;
}
.deptcol2{
	display:table;
	width:65%;
	float:left;
	background:#fcfcfc;
	color:black;
	align-content: center;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1.8;
	padding-left:30px;
	 margin-left:10px; 
	 border-style:outset;
}

.centered {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000000;
}

.imghome {
	position: absolute;
	display: inline-block;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn {
	display: flex;

	background:rgb(0, 109, 176);
	border: none;
	color: white;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	
	font-size: 16px;
}

.facbutton {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #002060;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.facbutton:hover {
  background-color:orange;
}
.mobile-menu-button {
  display: none; /* Hide by default */
} 

/* Mobile view styles */
@media only screen and (max-width: 768px) {
  .deptsection {
    margin-left: 0; /* Remove extra margin for mobile */
    display: block; /* Stack elements vertically */
    padding: 10px;
  }
  
  .deptcol1 {
    width: 100%; /* Make menu full width */
    display: block; /* Stack menu items */
    margin-bottom: 10px;
  }

  .deptcol1 a {
    text-align: center; /* Center align menu items */
    padding: 15px;
    font-size: 18px; /* Adjust font size for better readability */
  }

  .deptcol2 {
    width: 100%; /* Make content full width */
    float: none; /* Prevent floating */
    margin-left: 0;
  }

  

  .deptcol1 {
    display: none; /* Initially hide menu */
  }

  .deptcol1.open {
    display: block; /* Show menu when toggled */
  }
  /* Menu button for mobile view */



  .mobile-menu-button {
    display: block; /* Show button only on small screens */
    background-color: #004080;
    color: white;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
  }

}