@font-face {
    font-family: "NotesEsaBold";
    src: url('../font/NotesEsaBold.ttf') format('truetype');
}

div.tile {    

    width: 748px;
}

div.tile .header {
    font-family: NotesEsaBold;
    color: #3277a6;
    margin:auto;
    display: flex;
    width: 748px;
}

div.tile .content {
    width: 748px;
    background-color: #f8f8f8;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

div.tile h1 {

    font-size: 16px;
    margin-left: 15px;
    width: 100%;
    font-weight: lighter;
}

div.icon {

    width: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.tile div.body {

    border-top: 1px solid #CCC;
    width: 748px;
    max-height: 1000px;
    display: flex;
}

.collapsed > * {

    display: none;
}

.tile img, .tile video, .tile iframe {

    width: 100%;
    object-fit: scale-down;
}


div.footer {
    font-size: 14px;
    display: flex;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    width: 748px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.more {
    width: 100%;
}