@media (min-width: 768px) {
    #contactList {
        min-height: 500px;
    }
}
@media (min-width: 992px) {
    #contactList {
        min-height: 600px;
    }
}
@media (min-width: 1200px) {
    #contactList {
        min-height: 700px;
    }
}
    #contactList .line {
        display: none;
    }
    #contactList .line.displayed-with-none {
        display: block;
    }
    #contactList .line:first-child {
        border-top: none;
    }
    #contactList .line.visibleLast {
        border-bottom: none;
    }
    #contactList .line.owner {
        border-top: none;
        padding-top: 0;
        padding-bottom: 40px;
    }
        #contactList .category {
            text-decoration: none;
        }
        #contactList .category:hover {
            text-decoration: underline;
        }
            #contactList h3 {
                font-size: 15px;
                line-height: 17px;
                text-transform: uppercase;
            }
                #contactList h3 span {
                    font-family: 'FontFaceBold', Arial, Helvetica, sans-serif;
                }
        #contactList p,
        #contactList a {
            font-size: 15px;
            line-height: 20px;
        }
        #contactList p {
            margin-bottom: 8px;
        }
        #contactList .note {
            font-family: 'FontFaceBold', Arial, Helvetica, sans-serif;
        }
        #contactList .col,
        #contactList .col p {
            text-align: center;
        }
        @media (min-width: 768px) {
            #contactList .col,
            #contactList .col p {
                text-align: left;
            }
        }
        #contactList .col:first-child {
            padding-bottom: 15px;
        }
        @media (min-width: 768px) {
            #contactList .col:first-child {
                padding-bottom: 0;
            }
        }
        #contactList img,
        #contactList svg {
            width: 100%;
            height: auto;
            max-width: 130px;
            max-height: 90px;
            object-fit: contain;
        }
        #contactList .arrow15px {
            position: initial;
        }
        #contactList .email {
            font-family: 'FontFaceBold', Arial, Helvetica, sans-serif;
            display: block;
            padding-top: 5px;
        }
        #contactList .pictoWrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            line-height: 20px;
            cursor: pointer;
            margin-top: 15px;
            text-decoration: none;
        }
        @media (min-width: 768px) {
            #contactList .pictoWrapper {
                justify-content: flex-start;
            }
        }
        #contactList .pictoWrapper.marker {
            opacity: 0;
            pointer-events: none;
        }
        #contactList .pictoWrapper + .pictoWrapper {
            margin-top: 12px;
        }
        @media (min-width: 768px) {
            #contactList .pictoWrapper + .pictoWrapper {
                margin-top: 10px;
            }
        }
        #contactList .pictoWrapper:last-child {
            margin-bottom: 18px;
        }
        #contactList svg.picto {
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle;
            margin-right: 5px;
        }
        @media (min-width: 768px) {
            #contactList svg.picto {
                height: 20px;
                width: 20px;
            }
        }