* {
    	margin: 0;
    	padding: 0;
    	box-sizing: border-box;
}

body {
    	font-family: Arial, sans-serif;
    	margin: 0;
    	padding: 0;
    	background-color: #F8F6F0;
    	display: flex; /* Flexbox layout */
    	flex-direction: column; /* Column layout for responsiveness */
    	min-height: 100vh;
}

h1{
	color : black;
}

h1::first-letter {
  	font-weight: bolder;
}
h2::first-letter {
  	font-weight: bolder;
}

.container {
    width: 80%;
    margin: 0 auto;
    margin-top: 2.5vh;
}

#container_Index > h2 {
	text-align : center;
	font-size: 1.8rem;
}

.grid {
    	display: grid;
    	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    	gap: 20px;
	padding: 10px;
  	margin: 1vh 0vw 3vh;
  	border: 2px solid;
	border-radius: 25px;
}

#P > .service-box h2 a{
	color: #FF6961;
}
#C > .service-box h2 a{
	color : #049C04;
}
#Re > .service-box h2  a{
        color : #8A91C6;
}
#P > .service-box h2 a:hover{
	color: #ca1919;;
}
#C > .service-box h2 a:hover{
	color : #077C07;
}
#Re > .service-box h2  a:hover{
        color : #464E89;
}

#RenaLink:hover{
	transition: background-color 0.3s ease;
}
#RenaLink:hover{
	color: #2539CB !important;
	text-decoration: underline !important;
}

.service-box {
    text-align: center;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.service-box img {
    height: 100px;
    margin-bottom: 15px;
}

.service-box h2 {
    font-size: 18px;
    color: #007bff;
}

.service-box h2 a {
    	text-decoration: none;
}

.service-box h2 a:hover {
    text-decoration: underline;
	font-weight:bold;
}

.jumbotron{
	padding: 2rem 2rem;
	text-align: center;	
}
.jumbotron > p {
	font-size : 1.2rem;
}

.header_logo{
	text-align: center;
}

.info-box {
    padding: 2rem;
    border-radius: 25px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    line-height: 1.5;
}

.blue-box {
    background-color: #e6f0ff;
    border-left: 8px solid #4a90e2;
}

.yellow-box {
    background-color: #ffffe0;
    border-left: 8px solid #ffeb3b;
}

.red-box {
    background-color: #ffe6e6;
    border-left: 8px solid #f44336;
}

.eduroam > p {
    	margin-bottom: 15px;
}
eduroam > h2{
	 margin-top: 20px;
}
eduroam > h1{
    	margin-bottom: 20px;
}