body{
    font-family: 'Montserrat', sans-serif;
}
.navbar{
    background-color: #003F88;
}
.navbar ul{
    display: flex;
    list-style-type: none;
    align-items: center;
    margin: 0;
    padding: 0 10px;
}
.navbar li{
    margin: 0 10px;
    padding: 0;
}
.navbar a{
    color: #ffffff;
    text-decoration: none; 
    font-weight: 500;
    font-size: 10px;
    display: inline-block;
    padding: 8px 4px;
}
.navbar .login{
    margin-left: auto;
}
.sponsors{
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #dbe5ed;
}

.sponsors .header-logo{
    width: 100px;      
    height: auto;
    object-fit: contain;
}
.sponsors .sponsor-pens{
    margin-left: auto;
    width: 300px;
    height: auto;
    object-fit: contain;
}

.sponsors div{
    font-size: 10px;
}

.sponsors div span{
    color: #ad1717;
    font-weight: bold;
}

main{
    background-color: #f4f4f4;
}

.home{
    display:flex;
    flex-direction: column;
    text-align: center;
    width: 200px;
    height: auto;
    align-items: center;
    font-size: 10px;
    margin: 10px;
    padding: 5px;
}

.home h4{
    background-color:  #003F88;
    color: #ffffff;
    padding: 5px 76px;
    border-radius: 5px;
}

.counter h2{
    color: white;
    background-color: #003F88;
    font-size: medium;
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    font-weight: bold;
    margin-top: -5px;
}

.counter h3{
    font-weight: 200;
    margin-top: 20px;
}

.finder{
    display: flex;
}

.finder input[type="text"]{
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    margin-right: 10px;
    border-radius: 4px;
    padding: 13px 5px;
    height: 20px;
    box-sizing: border-box;
    border-style: none;
}

.finder button[type="submit"]{
    font-size: 10px;
    background-color: #a0bcd7;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-radius: 4px;
    padding: 13px 10px;
    height: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: none;
}

hr{
    width: 100%;
}

.home-menu{
    text-align: left;
    list-style-type: none;
    margin-left: -30px;
}

.home-menu a{
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: 2.5;
}

.home-menu span{
    font-weight: bold;
    color: #38648c;
}

.front-page{
    display: flex;
}

.pic-info{
    background-color: #ffffff;
    margin: 10px;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0px 0px 10px rgb(223, 223, 223);
}

.pic-info .front-pic{
    width: 950px;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    justify-content: center;
}

.latest-news{
    background-color: #f4f4f4;
    width: 910px;
    height: 380px;
    padding: 20px;
    border-radius: 8px;
    margin: 10px 0px 0px 0px;
    overflow-y: auto;
    box-shadow: 0px 0px 10px rgb(217, 217, 217);
}


.latest-news .news-item{
    background-color: white;
    padding: 10px 10px 10px 20px;
    margin: 15px 0px 15px 0px;
    border-radius: 8px;
    font-size: 10px;
    box-shadow: 0px 0px 10px rgb(223, 223, 223);
} 

.news-item h4{
    color: #003F88;
}

.sub-menu{
    display: flex;
    margin: 10px 0 0 0;
    font-size: 12px;
    justify-content: space-evenly;
    background-color: #ffffff;
}

.sub-menu ul{
    list-style-type: none;
    text-align: left;
}

.sub-menu a{
    text-decoration: none;
    line-height: 2.5;
    font-weight: 400;
}

.sub-menu hr{
    width: 90%;
}

.sub-menu h3{
    align-items: center;
}

.menus{
    display:flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    margin: 10px 0px;
}

.sub-menus{
    padding: 5px;
}

.bottom-info{
    display: flex;
    align-items: center;
    padding: 15px;
}

.EDP{
    display: flex;
    align-items: center;
}

.EDP img{
    width: 60px;
    object-fit: contain;
    margin-right: 20px;
}

.admin{
    margin-left: auto;
    font-size: 12px;
    text-align: right;
}

footer{
    background-color:#003F88;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 1.5;
}