/* MAXIUM CONTENT WIDTH */

.show-content{
max-width: 50em;
margin: 0px auto;
}


/* MINIMISED NAV BAR LOGO BACKGROUND */

.ic-app-header__logomark-container {
    background-color: var(--ic-brand-global-nav-bgd);
}

/* COURSE BANNER, NAV AND BREADCRUMB */

.ic-app-nav-toggle-and-crumbs {
    border-bottom: none;
    margin: 0px;
    padding: 25px;
    background: var(--ic-brand-global-nav-bgd);
    background-image: url("https://instructure-uploads-eu.s3.eu-west-1.amazonaws.com/account_128980000000000001/attachments/1780584/SoM-EMBA_emba-crs-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 10%;
}

.ic-app-course-nav-toggle {
    margin-right: 12px;
    padding: 6px;
    width: 43px;
    height: 43px;
    background: white;
    border-radius: 5px;
}

.ic-app-nav-toggle-and-crumbs .btn-link:hover, .Button--link:hover {
    color: var(--ic-link-color-darkened-10);
    text-decoration: underline;
    background: white;
}

.block{
    margin: 30px 0px;
}

/* HOME PAGE BUTTONS */

.home-page-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px 0px 30px;
}

.home-page-buttons > div {
    width: 30%;
    margin: 5px 10px;
    text-align: center;
    border-radius: 5px; 
}
    
.home-page-buttons a {
    display: block;
    color: white;
    text-decoration: none;
    background-color: var(--ic-brand-global-nav-bgd);
    border-radius: 5px;
    padding: 7px
    }
    
.home-page-buttons .nav-btn img {
    height: 40px;
    padding-bottom: 5px
}

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    
    .home-page-buttons > div {
    width: 100%;
    margin: 5px 0px;
    text-align: center;
    border-radius: 5px; 
    }
    
}