@import url('https://themes.googleusercontent.com/fonts/css?kit=ZWjJg3Z-BmxuodZeCNuZK1XXWJorhxyFDZ_kYLKF3KU');
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

header{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:1% 5%;
    margin-top:10px;
}

.brand-logo{
    width: 350px;
}


.page{
    padding:2% 0;
    --bs-gutter-x:0;
}

.content{
    padding-left: 7%;
    padding-right:1% ;
    margin-bottom: 2%;
}

.main-heading{
    padding:2% 7%;
    /* text-shadow:  2px 2px #f839393d; */
}

.bag-img{
    width:50%;
}

.contributors{
    padding-left:1%;
    padding-right: 7%;
}

.deskitbag-contributors{
    font-size: 17px;
}
h1{
    font-weight: 700!important;
    font-size: calc(1.5rem + 1.5vw);
}

p{
    font-size:1.2rem;
}

ul>li{
    margin-bottom: 10px;
}
.text-contribute>p{
 font-size:15px;
}
.img-container{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    
}

.img-container>img{
    width:100px;
    height:100px;
}

.desk-contridutors{
    background-color:aliceblue;
    border-radius:5px;
}
.desk-contridutors>h5{
    font-size: 17px;
    border-bottom: 1px solid gray;
    padding:12px;
}

.user-contridutor{
    padding:2% 3%;
}
.user-contridutor>img{
 height:40px;
 width:40px;
 margin-right: 10px;
}

.name{
    font-size: 14px;
    padding: 0;
    margin:0;
}

.date{
    font-size: 12px;
    padding: 0;
    margin:0;
}
.user-contridutor{
    display:flex;
}

.inline-img{
    display: grid;
    grid-template-columns: repeat(3, calc(100% /3));
}


.inline-img>img{
    height:200px;
    padding:5px;
}

.breadcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;  
        flex-wrap: wrap;
}

@media screen and (max-width:500px){
    
    .brand-logo{
    width: 200px;
}


.inline-img{
    display: grid;
    grid-template-columns: 100%;
}
.img-container{
    justify-content: center;
}

.content{
    padding-left: 7%;
    padding-right:7% ;
    order: 2!important;
}
.contributors{
    padding-left:7%;
    padding-right: 7%;
    order: 1!important;
}

iframe{
    height:30%;
}

.main-heading{
    font-size: 23px;
}
.bag-img{
    width:100%;
}
}