header li {
    margin-top: 0;
}

li{
    margin-top: 1em;
}

a:hover{
        color: #FD3F92;
    }

section li{
    margin-left: 1em;
}



@media screen and (max-device-width: 844px){

    .background_img{
        background-image: url('/pics/services.jpg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; 
        height: 14em; 
        width: 100%; 
        margin-top: 0.3em;
    }

    .container_1 { 
        background: var(--quaternary-color);
        border: 5px solid var(--secondary-color); 
        border-radius: 10px;
        margin-top: 2em;
        margin-left: auto;
        margin-right: auto;
        padding-top:0.3em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        width: 90%;
        height: auto;
    }

    .container_2 { 
        background: var(--quaternary-color);
        border: 5px solid var(--tertiary-color); 
        border-radius: 10px;
        margin-top: 2em;
        margin-left: auto;
        margin-right: auto;
        padding-top:0.3em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        width: 90%;
        height: auto;
    }

    h3{
        margin-left: 1em;
    }
}

/* Specific style for ipad */
@media screen and (min-width: 845px) and (max-width: 1919px) {
   
    .background_img{
        background-image: url('/pics/services.jpg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; 
        height: 30em; 
        width: 100%; 
        margin-top: 0.5em;
    }

    .container_1 { 
        background: var(--quaternary-color);
        border: 8px solid var(--secondary-color); 
        border-radius: 10px;
        margin-top: 4em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1em 2em 1em;
        width: 70%;
        height: auto;
    }

    .container_2 { 
        background: var(--quaternary-color);
        border: 8px solid var(--tertiary-color); 
        border-radius: 10px;
        margin-top: 4em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1em 2em 1em;
        width: 70%;
        height: auto;
    }

}

/* Specific style for desktop */
@media screen and (min-width: 1920px) {
   
    .background_img{
        background-image: url('/pics/services.jpg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; 
        height: 40em; 
        width: 100%; 
        margin-top: 0.4em;
    }

    .container{
        display: flex;
        flex-direction: row;
    }

    .container_1 { 
        background: var(--quaternary-color);
        border: 12px solid var(--secondary-color); 
        border-radius: 10px;
        margin-top: 4em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1em 2em 1em;
        width: 70%;
        height: auto;
    }

    .container_2 { 
        background: var(--quaternary-color);
        border: 12px solid var(--tertiary-color); 
        border-radius: 10px;
        margin-top: 4em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1em 2em 1em;
        width: 70%;
        height: auto;
    }

    ul{
        margin-left: 5em;
    }
    
    h1{
        margin-left: 2em;
    }


}