/* main grid */
.main {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-min-content 3px -webkit-min-content 3px -webkit-min-content 3px -webkit-min-content 3px minmax(100px, 1fr) 3px -webkit-min-content 3px -webkit-min-content 3px -webkit-min-content;
    -ms-grid-rows: min-content 3px min-content 3px min-content 3px min-content 3px minmax(100px, 1fr) 3px min-content 3px min-content 3px min-content;
    grid-template-rows: repeat(4, -webkit-min-content) minmax(100px, 1fr) repeat(3, -webkit-min-content);
    grid-template-rows: repeat(4, min-content) minmax(100px, 1fr) repeat(3, min-content);
    -ms-grid-columns: 2fr 10px 2fr 10px 1fr;
    grid-template-columns:  2fr 2fr 1fr;
        grid-template-areas:
        "title        title          title"
        "abstract     abstract       abstract"
        "top          top            top"
        "left-caption center-caption right-caption"
        "left         center         right"
        "left-legend  center-legend  right-legend"
        "legend       legend         legend"
        "nav          nav            nav";
    grid-gap: 3px 20px;
}

.title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: title;
}
.abstract {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: abstract;
}
.top {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: top;
}
.left-caption {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: left-caption;
}
.center-caption {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-area: center-caption;
}
.right-caption {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
    grid-area: right-caption;
}
.left {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-area: left;
}
.center {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
    grid-area: center;
}
.right {
    -ms-grid-row: 9;
    -ms-grid-column: 5;
    grid-area: right;
}
.left-legend {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    grid-area: left-legend;
}
.center-legend {
    -ms-grid-row: 11;
    -ms-grid-column: 3;
    grid-area: center-legend;
}
.right-legend {
    -ms-grid-row: 11;
    -ms-grid-column: 5;
    grid-area: right-legend;
}
.legend {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: legend;
}
.nav {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: nav;
}
.rcp-img{
    grid-template-columns: (2fr 2fr 1fr);  
}