.team h1{
    text-align: center;
    font-size:4rem ;
    text-transform: uppercase;
    color:  #f99a06 ;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin: 0;
    font-family: "Bernier Distressed";
}

.team span{
    font-size:6rem ;
    font-family: 'Bernier Distressed';
    margin: 0 5px;
}

.cards-team{
    width: 100%;
    padding: 1rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
    row-gap: 3rem;
}

@media(min-width: 560px){
    .cards-team{
        gap: 2rem;
        row-gap: 3rem;
        grid-template-columns: repeat(3,1fr);
    }
}


@media (min-width: 768px){
    .cards-team{
        gap: 2rem;
        row-gap: 3rem;
        width: 80%;
        grid-template-columns: repeat(4,1fr);
    }
}

@media(min-width: 2000px){
    .cards-team {
        grid-template-columns: repeat(5,1fr);
    }
}
.card{
    text-align: center;
}

.card img{
    width: 177px;
    height: 177px;
    border-radius: 10rem;
    border: 0.8rem solid #f99a06;
    object-fit: contain;
    overflow: scroll;
    padding-top: 27px;
}

.card h2{
    color: #000;
}

.card p{
    color: #f99a06 ;
    margin-bottom: 10px;
}

.card  .icon{

    display: inline;
    width:60px;
    color: #FFFFFF;
    background: #f99a06;
    padding: 0.5rem;
    border-radius: 10rem;
}

@media(min-width: 560px){
    .card img{
        width: 164px;
        height: 164px;
        border-radius: 10rem;
        border: 0.8rem solid #f99a06 ;
    }
    .site-footer{
        height: 32rem;
    }
}


@media (min-width: 768px){
    .card img{
        width: 177px;
        height: 177px;
        border-radius: 10rem;
        border: 0.8rem solid #f99a06;
        object-fit: contain;
        overflow: scroll;
        padding-top: 27px;
    }
}

.image-team{
    margin: 0 auto;
    margin-top: 15rem;
    width: 80%;
}

.image-team img{
    width: 100%;
}