* {
    font-family: Arial;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 2px;
    padding-bottom: 20px;
    background-color: white;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 2px;
    }

    .body-content {
        padding: 0;
    }
}

.headerText {
    font-family: 'Kristen ITC';
    font-size: 26pt;
    color: white;
    font-weight: bold;
    padding: 10pt;
}

.myBrandHeader {
    top: 0;
    /* background-color: #10671b; */
    background-color: #111138;
    /*height: 150px;*/
}

.footerMT {
    /*background-color: #a1402b;*/
    background-color: #1F2A48;
    text-align: center;
    color: white;
}

.navbarMT {
    background-color: #2B8382;
}

.myCard {
    background-color: palevioletred;
    border-radius: 25px;
}

.myCentre {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: center;
}


.strapLine {
    color: #FFFFFF;
    padding: 10px;
    font-family: Arial;
}

.logo {
    float: right;
}

.hide {
    display: none;
}

.myLeft {
    text-align: left;
}


.staffPic {
    /*border-color: black;
    border-width: thin;
    border-style: solid;*/
    padding: 0.25rem;
    background-color: #fff;
    border: 2px solid black;
    border-radius: 0.4rem;
    max-width: 100%;
    height: auto;
}

.galleryIcon {
    border-color: black;
    border-width: thin;
    border-style: solid;
    padding: 10px;
}

.galleryIconContainer {
    padding: 10px;
}

.galleryImage {
    border-color: black;
    border-width: thin;
    border-style: solid;
    margin: 8px;
}

.galleryBG {
    background-color: red;
}

.imageRight {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: right;
    clear: right;
    padding: 5px;
}


.imageCentre {
    display: block;
    float: left;
}