/* styles.css */
.body_style {
    margin: 0;
	background-image: url("background.jpg");
		background-repeat: no-repeat; /* Prevents the image from repeating */
		background-size: cover; /* Ensures the image covers the entire viewport */
		background-position: center; /* Centers the image */
		background-attachment: fixed; /* Optional: keeps the image fixed when scrolling */
		background-color: #cccccc; /* Fallback color if the image fails to load */
		
		font-family: nunito_georgia;
}

.site-header {
    background-color: #0077b6;
    color: white;
    padding: 10px 20px;
    display: flex; 
    justify-content: space-between; /* Pushes title to left, nav to right */
    align-items: center; /* Vertically centers items */
	border-bottom: 1px solid black;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0096c7;
    color: white;
    text-align: center;
}
.social-nav ul {
	justify-content: center;
	list-style-type: none;
    margin: 10px;
    padding: 0px;
    display: flex; /* Aligns list items horizontally */
	
	align-items: center;
}

.social-nav ul li a {
    color: white;
    text-decoration: none;
    display: block;
	margin-right:10px;
}	

.social-nav img{
	width:32px;
}


.main-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex; /* Aligns list items horizontally */
	width:80%;
}

.main-nav ul li a {
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}

.logo{
	overflow-x: auto;
	margin:10px;
}
.main-nav button{
	background-color:#fff;
	color:#0077b6;
	border-radius:5px; /* Single value for all corners */
	margin:15px;	
	width:clamp(5rem, 5vw, 5rem);
	height:clamp(3rem, 5vw, 4rem);
}
button:hover{
	color:gray;
}
button:active {
  transform: translateY(2px); /* Moves the button down 2px */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); /* Changes the shadow to appear "pressed" */
  background-color: darkgreen; /* Darker background color */
  
}
._quality{
	font-family:sanserf;
	color:#fff;
	font-size: clamp(1rem, 5vw, 2.5rem);
}
.medical_care{
	font-family:sanserf;
	color:#fff;
    font-size: clamp(.1rem, 2vw, 1.5rem);
}.site-title{
    color: white;
    text-decoration: none;
    font-weight: bold;
	
}
.site-title img{
    width:clamp(5rem, 6vw, 10rem);
	
}
.page-content {
	border: 1px solid white;
	overflow-x: auto; /* Adds horizontal scrolling only when needed */
	overflow-y: auto; 
	color:#fff;
    display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; 
	margin-left:10%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:15%;
	padding:50px;
	background-color: rgba(3,4,94, .9);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.9);
	border: 14px solid white;
	border-radius: 15px; /* Single value for all corners */
	width:80%;
}

 .main-paragraph{
	  font-size:clamp(1rem, 1vw, 3rem);
	  line-height: 1.6; 
  }
.main-paragraph-title{
	  font-size: clamp(1rem, 5vw, 3rem);
	  line-height: 1.6; 
	  text-	shadow: 1px 1px 0 black;
	  padding:0px;
	  margin:0px;
  }
/* Media query for small screens */
@media screen and (max-width: 600px) {
.site-title img{
	display:none;
}
._quality{display:none;
}
.medical_care{display:none;
}
.main-nav button{
	background: transparent;
	color:#000080;
	border:none;
	margin:4px;	
	width:clamp(5rem, 5vw, 5rem);
	height:clamp(5rem, 5vw, 4rem);
	font-size:clamp(1rem, 3vw, 3rem);
	text-decoration: underline;
	align-content:wrap;
}
}