body {
    background-color: #ffffff;
    color: grey;
    margin-left: 0%;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    
}

.desc{
    font-size: 100%;
    padding-left: 1%;
}

.welcome{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}

.mvv{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}

.logo{
    max-width: 6%;
    align-items: center;
    margin-right: 1%;

}
.header{
    display: flex;
    border-color: rgb(29, 137, 226);
    border-style:solid;
    max-width: 100%;
    overflow-x: scroll;
    margin-top: -7px;
}

.head-title{
    color:grey;
    font-size: 250%;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    background-color: white;
    background-size: cover;
    padding: 20px;
    
}
nav {
    display: flex;
    padding-top: 1.5%;
    
}
nav ul{
    list-style-type: none;
    display: flex;
    gap: 2%;
}
nav a{
    text-decoration: none;
    color:white;
    background-color: rgb(81, 81, 81);
    padding:6px;
    border-radius: 5%;
    font-size: large;
    white-space: nowrap;
    
}
nav a:hover{
    background-color: rgb(178, 20, 20);

}

/*--------------BRIDGES PAGE ---------------*/

.bridgeTitle{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.footbridge{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}

.bridgeDesc{
    font-size: 100%;
    padding-left: 1%;
}

.stats{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;

}

.statsDesc{
    font-size: 100%;
    padding-left: 1%;
}
/*---------------involved page-----------------*/

.involvedTitle{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.ways{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.action{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.waysDesc{
    font-size: 100%;
    padding-left: 1%;
}
.involvedDesc{
    font-size: 100%;
    padding-left: 1%;
}

/*---------------projects page-----------------*/

.projTitle{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.projDesc{
    font-size: 100%;
    padding-left: 1%;
}
.featured{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;

}
.featDesc{
    font-size: 100%;
    padding-left: 1%;
}

/*---------------donate/support page-----------------*/
.sponsor{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.sponsorDesc{
    font-size: 100%;
    padding-left: 1%;
}
.whySponsor{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.whySponsDesc{
    font-size: 100%;
    padding-left: 1%;
}
.howSpons{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.howSponsDesc{
    font-size: 100%;
    padding-left: 1%;
}
.help{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}
.helpDesc{
    font-size: 100%;
}

/*---------------contact page-----------------*/

.contact{
    font-size: 150%;
    color: rgb(13, 84, 165);
    text-indent: 1%;
}

.contactDesc{
    padding-left: 1%;
}