/* * Start Bootstrap - Heroic Features (http://startbootstrap.com/) * Copyright 2013-2016 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) */

/*customisations. mjb*/

header img {max-width:100%; height:auto; -webkit-box-shadow: 0 25px 40px 5px #575757;
box-shadow: 0 25px 40px 5px #575757;}

 li, ul {
     display: inline;
}
 .btn {
     display:none;
}
 .dropdown-menu {
     display:none;
}
 .toc {
     position:relative;
     display:inline-block;
     width:100%;
     margin-bottom:2em;
     border:none;
     box-shadow:none;
}
 .toc li a {
     display:inline-block;
     border: 1px solid #eee;
     border-radius: 6px;
     padding: 5px;
     margin-right:10px;
     margin-top:10px;
}
 .isotope {
     margin-top:150px;
     background:#FFF;
}
 .isotope img {
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     border: 1px solid rgba(0, 0, 0, .5);
}
 .isotope img:hover {
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
}
 .ott {
    z-index: 100;
    position:relative;
}

 @media screen and (max-width: 768px) {
     .heading, .introduction, h3, .container {
        background:none;
    }
     h1 {
        padding-top:0.5em;
    }
     .exhib{
        display:none;
    }
     .heading {
        margin:0;
         margin-top:0.5em;
         background:#FFF;
         border-radius:30px;
         border-bottom-left-radius:0;
        border-top-right-radius:0;
    }
     .introetc {
        margin:0;
         margin-top:0.5em;
         border-radius:4px;
         background:#FFF;
    }
     .introduction {
        padding:0.8em 2em;
         margin-top:3.2em;
    }
     footer {
        margin-top:2em;
    }
     .toc {
         display:none;
    }
     .btn {
         display:block;
         /*font-size: 20px;*/
         margin:2em 0 0.5em 0;
    }
     .dropdown-menu li a {
         display:list-item;
         text-align: left;
         font-size: 14px;
         margin: 5px;
         border: none;
         padding: 5px;
    }
     .isotope {
         margin-top:0;
         padding-top:1em;
        border-radius:4px;
    }
     .open > .dropdown-menu {
         animation-name: slidenavAnimation;
         animation-duration: 1s;
         animation-iteration-count: 1;
         animation-timing-function: ease;
         animation-fill-mode: forwards;
         -webkit-animation-name: slidenavAnimation;
         -webkit-animation-duration: 1s;
         -webkit-animation-iteration-count: 1;
         -webkit-animation-timing-function: ease;
         -webkit-animation-fill-mode: forwards;
         -moz-animation-name: slidenavAnimation;
         -moz-animation-duration: 1s;
         -moz-animation-iteration-count: 1;
         -moz-animation-timing-function: ease;
         -moz-animation-fill-mode: forwards;
         overflow: scroll;
         position: relative;
         float: none;
         padding: 10px;
    }
}
 @keyframes slidenavAnimation {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes slidenavAnimation {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}