/*overrides*/
#JelloSizer {
    padding: 0 4px;
    width: calc(100% - 8px) !important;
    min-width:320px;
}

.BreadCrumb {
    display: none;
}

hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #eee;
}

/* areas */
#hero {
    width: 100%;
    clear: both;
}
#tiles-m {
    float: left;
    width: 65.4%;
    margin-right: 3.8%;
}
#relres {
    float: left;
    width: 30.8%;
}

/*tiles*/
.tile-m {
    box-sizing: border-box;
    float: left;
    width: calc(50% - 3.09%);
    height: auto;
    min-height: 200px;
    padding: 20px;
    margin-right: 6.17%;
    margin-bottom: 6.17%;
    text-align: center;
}
.tile-m:nth-child(2n) {
    margin-right: 0;
}
.tile-m h2 {
    color: #fff;
    font-size: 1.3rem;
    padding-bottom:1em;
}
.tile-m ul {
    margin: 0!important;
}
.tile-m li, .relres li {
    list-style: none;
    background: none;
    padding: 0;
}
.tile-m li {
    padding-top: 4px;
    padding-bottom: 4px;
}
.tile-m img {
    position: relative;
    top: 4px;
    padding-right: 5px;
}
.tile-m a, .tile-m a:link, .tile-m a:visited {
    color:#fff;
    font-size: 1rem;
}
.platforms{background-color:#0078d7;}
.prod{background-color:#DC3C00;}
.business{background-color:#517964;}
.admin{background-color:#660066;}

/*sidebar*/
#relres h2 {
    color: #505050;
    font-size: 1.3rem;
    margin-top:-6px;
}
#relres ul {
    margin-left: 0px;
}
#relres li {
    padding-left: 0px;
    background:none;
}
#relres a, #relres a:link, #relres a:visited {
    color: #505050;
    text-decoration: none;
    font-size:0.75rem;
}

/* media queries */
@media all and (max-width:720px) {
    #tiles-m {
        float: none;
        clear: both;
        width: 100%;
    }
    .tile-m {
        width: calc(50% - 3.09%);
    }
    #relres {
        width: 100%;
        margin-bottom: 60px;
    }
    .relres-block {
        float: left;
        width: calc(50% - 3.09%);
    }
    .relres-block:first-child {
        margin-right: 6.17%;
    }
}
@media all and (max-width:480px) {
    .tile-m, .relres-block {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .relres-block:first-child {
        margin-right: 0;
    }
}
'"
/* rtl overrides */

html[dir="rtl"] #tiles-m {
    float: right;
    margin-left: 3.8%;
}
html[dir="rtl"] #relres {
    float: right;
}
html[dir="rtl"] .tile-m {
    float: right;
    margin-left: 6.17%;
}
html[dir="rtl"] .tile-m:nth-child(2n) {
    margin-left: 0;
}
html[dir="rtl"] .tile-m img {
    padding-left: 5px;
}
html[dir="rtl"] #relres ul {
    margin-right: 0px;
}
@media all and (max-width:720px) {
    html[dir="rtl"] .relres-block {
        float: right;
    }
    html[dir="rtl"] .relres-block:first-child {
        margin-left: 6.17%;
    }
}
@media all and (max-width:480px) {
    html[dir="rtl"] .tile-m, .relres-block {
        margin-left: 0;
    }
    html[dir="rtl"] .relres-block:first-child {
        margin-left: 0;
    }
}