nav 
{
   /* width:80vw*/
}

.section_4G
{
    background-color: rgb(255, 255, 255);
    color:black;
    border:1px solid black;
    padding:20px;
    width:80vw
}

.section_4G h1
{
    font-size: 3em;
    background: black;
    width: 100%;
    color: white;
    text-align: center;
    padding: 15px 0;
    margin:0;
}

.section_4G h2
{
    font-size: 2em;
}

.section_4G h3
{
    font-size: 1.2em;
}

.section_4G p
{
    font-size: 1.2em;
}

.type_connexion li
{
    font-size: 1.7em;
}

.plus_moins
{
    text-align: center;
    width: 100%;
}

.plus_moins h3
{
    font-size: 1.7em;
    text-decoration: underline;
}

.tableau
{
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 20px;
    gap: 20px;
}

.avantages
{
    background-color: rgb(211, 249, 211);
    padding: 10px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    width: 50%;
}

.avantages span,
.inconvenients span
{
    font-size: 2em;
    background-color: white;
    width:100%;
    height:55px;
    line-height: 55px;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 20px;
}

.inconvenients
{
    background-color: rgb(255, 213, 213);
    width:50%;
    padding: 10px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0 0, 0, 0.06) 0px 2px 4px -1px;
}

.liste_avantages,
.liste_inconvenients
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    list-style: none; 
    gap:20px;
    font-size: 1.5em;
}

.liste_avantages li,
.liste_inconvenients li
{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap:20px
}

.img_comparaison
{
    min-width:79px;
    text-align: center;
}

.img_comparaison img
{
    width:20px;
    margin:0 3px;
}

.prestation_4G
{
    font-size:1.5em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0 0, 0, 0.06) 0px 2px 4px -1px;
    padding:20px;
    width:97%;
    border-radius: 20px;
}

.prestation_4G a
{
    color:black;
}

.prestation_4G li
{
    margin:20px 0;
}

.prestation_4G h1
{
    font-size: 1.5em;
    background: black;
    margin-top:100px;
    width: 100%;
    color: white;
    text-align: center;
    padding: 15px 0;
}

.telephone_4G
{
    font-size: 1.7em;
    text-align: center;
}

.installation_4G
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width:1040px;
    background-color: white;
    font-size: 2.5em;
    padding:10px 0;
    margin:20px 0;
    gap:10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0 0, 0, 0.06) 0px 2px 4px -1px;

    font-weight: bold;
}

.installation_4G a
{
    text-decoration: none;
    background-color: black;
    color:white;
    padding:5px 25px;
    transition: 0.25s ease-in-out;
}

.installation_4G a:hover
{
    background-color: white;
    color:black;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 6px -1px, rgba(0 0, 0, 0.06) 0px 2px 4px -1px;
}

.installation_4G span
{
    color:red;
}

@media screen and (max-width: 800px)
{
    .section_4G
    {
        width:99vw;
        text-align: center;
    }
    .tableau
    {
        flex-direction: column;
    }

    .avantages,.inconvenients
    {
        width:100%;
    }

    .prestation_4G
    {
        text-align: center;
    }

    .liste_avantages,
    .liste_inconvenients
    {
        font-size:1em;
        padding-left:0;
    }

    .telephone_4G
    {
        font-size: 1.2em;
    }

    .installation_4G
    {
        width:100%;
        text-align: center;
    }
}