/* FOOTER STYLE */

.container__footer {
	padding: 0rem 2rem;
	background: var(--primary-dark);
	color: var(--text-white);
	text-align: center;
}

.container__footer ul li a {
	color: var(--text-white);
	line-height: 1.2;
}

.container__footer ul li a:hover {
	letter-spacing: 0.2rem;
	color: var(--text-white);
}

/* .container__footer ul li a.link-dark svg {
	background: white;
	padding: 0.2rem;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
} */


/* Responsiveness  */



@media (max-width: 767.98px) {
	.sidebar {
	  top: 5rem;
	}
  }




@media (min-width: 374px) {
	.container__students	.card {
		width: 10.5rem;
	}

	
	.container__students	.card-title {
		font-size: 1.3rem;
	}

	.container__grades .cards {
		padding: auto 0.4rem;
	}
	
	.container__data .card,
	.container__grades .card {
		width: 10rem;
		
	  }
	.container__data .card {
		margin-right: 0.2rem;
	}

	  
}



@media (min-width: 425px) {

	/* Contact section style */
.container__contact {
	padding: 2rem;
}

.container__data .card {
	width: 11rem;
}

.container__grades .card,
.container__students .card {
		width: 12rem;
	}
}

/* @media (min-width: 425px) {
	.card {
		
	}
} */

@media (min-width: 768px) {
	.container__services .card,
	.container__bulletin .card {
		width: 14rem;
		margin-right: 0.5rem;
	}

	.container__data .card{
		width: 10rem;
	}
	.container__grades .card,
	.container__students .card {
		width: 14rem;
		margin: 0.2rem;
		margin-top: 0.8rem;
		/* margin-right: 0.62596rem; */
	}

.container__students .card-title {
		font-size: 1rem;
	}

.container__profile {
	margin-top: 5rem;
	margin-bottom: 5rem;
	
}
}


@media (min-width: 1024px) {
	.container__services .card,
	.container__bulletin .card {
		width: 18rem;
		margin: 1rem 0.5rem;
	}

	.container__data .cards {
		justify-content: space-evenly;
	 }
.container__data .card {
	width: 15rem;
	margin-right:0.6rem;
	padding: 2rem;
}

.container__data .card  h2 {
	font-size: 3rem;
	
}
.container__data .card  p {
	font-size: 1.2rem;
	font-weight: bold;
	
}

	.container__profile .table {
		width: 30rem;
		
	}

/* FOOTER STYLE */
.container__footer {
	text-align: left;
	padding: 0rem 4rem;
	}

}

@media (min-width: 1440px) {
	.container__services .card,
	.container__bulletin .card {
		width: 25rem;
	}
	

	.container__data .card {
		width: 16rem;
		margin-right:0.6rem;
		
	}

	.container__grades .card,
	.container__students .card {
		width: 15rem;
		margin: 0.6rem;
		margin-top: 0.8rem;
	}
}