/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#logo img {
    padding: 1rem;
}


#customers-list td {
    padding: 0.8rem 1rem;
    vertical-align: middle;
}

#customers-list .header td {
    background-color: #333;
    color: #fff;
    padding: 1rem 1rem;
}

#customers-list .header td:nth-child(2),
#customers-list .body td:nth-child(3),
#customers-list .body td:nth-child(4) {
    text-align: center;
}

#customers-list .body .direction {
    font-weight: bold;
    background-color: #f9f9f9;
    padding: 1rem 1rem;
    text-align: center;
}

#customers-list .body img {
    border: none;
    width: auto;
    height: 40px;
}

/*
#page-title .container {
    display: flex;
    flex-flow: row wrap;
    gap: 2rem;
}
*/

#page-title {
    padding: 7rem 0;
}

/*.dark #page-title span, #page-title.dark span {
    color: #d7d7d7;
}*/

@media screen and (max-width: 576px) {
    #page-title {
        padding: 3rem 0;
    }
}

@media screen and (min-width: 768px) {
    #page-title .container h1 {
        max-width: 50%;
    }

    #page-title .container ol {
        max-width: 40%;
    }

    .container.reader {
        width: 61%;
        max-width: 61%;
    }
}

.certificates {
    width: 50%;
    max-width: 50%;
}

.certificates img {
    height: auto;
    width: 100%;
    margin-bottom: 2rem;
}