.prototype-template .header {background-color: #ffffff;}
.prototype-template .header .header-small {background-color: #ffffff; padding: 10px 0;}
.prototype-template .header .header-small .container .headerlogo .logo {height: 100px;}
.prototype-template .header .header-small .container .headerlogo .navbar-brand {display: none;}
.prototype-template .header .header-large .background {padding: 20px 0 0 0; background: none;}

//menu colours
.prototype-template .header .header-large .important-menu .menu li:nth-child(0) a {background-color: #993366 !important;}
.prototype-template .header .header-large .important-menu .menu li:nth-child(1) a {background-color: #993366 !important;}
.prototype-template .header .header-large .important-menu .menu li:nth-child(2) a {background-color: #993366;}
.prototype-template .header .header-large .important-menu .menu li:nth-child(3) a {background-color: #993366;}
.prototype-template .header .header-large .important-menu .menu li:nth-child(4) a {background-color: #993366;}
.prototype-template .header .header-large .important-menu .menu li:nth-child(5) a {background-color: rgb(224,60,49);}
.prototype-template .header .header-large .important-menu .menu li:nth-child(7) a {background-color: rgb(0,87,184);}
.prototype-template .header .header-large .important-menu .menu li:nth-child(8) a {background-color: rgb(0,179,152);}
.prototype-template .header .header-large .important-menu .menu li:nth-child(6) a {background-color: rgb(192,197,16);}
.prototype-template .header .header-large .important-menu .menu li a:hover {background-color: rgb(83,86,90);}
//end menu colours

.menu.menu-buttons a {padding: 10px 10px;}
.prototype-template .header .header-small .container .menu-container {top: 83px;}
.prototype-template .header .header-small .container .menu-container {right: 0; position: absolute;}
.prototype-template .header .header-small .container .main-menu ul li a {color: rgb(83,86,90);}
.prototype-template .header .header-small .container .main-menu ul li a:hover {border-bottom: 2px solid rgb(83,86,90);}
.prototype-template .header .header-large .sites {display: none;}
.prototype-template .header .header-large .important-menu .menu li {padding: 0; flex-basis: 25%; min-width: 200px; margin: 5px 0; display: flex; min-height: 150px; font-size: 1.4em;}
.prototype-template .header .header-large .important-menu .menu li a {width: 100%; padding: 20px 10px; display: flex; text-align: center; justify-content: center; align-items: center;}
.style-rounded h3, .style-rounded h4, h3, h4 {color: rgb(83,86,90);}
.style-rounded h1, .style-rounded h2, h1, h2 {color: rgb(83,86,90);}
.dropdown .dropdown-hamburger {background-color: #efefef; color: rgb(83,86,90); border: 1px solid rgb(83,86,90);}
.dropdown .dropdown-hamburger .icon-bar {background-color: rgb(83,86,90);}
.prototype-template .header .header-small .container .mobile-menu .dropdown-menu {margin: -50px 0 0 0;}
.header .dropdown-menu .dropdown-item > a {color: rgb(83,86,90);}
#PageTitleDisplay {padding-top: 60px;}
.searchbar {top: 45px; position: relative;}
.btn-success {background-color: #0057b8;}
 @media screen and (min-width: 767px) and (max-width: 980px){
.prototype-template .header .header-small .container .mobile-menu .dropdown-menu {margin: 0;}
}
@media (max-width: 992px){
.prototype-template .header .header-small .container .main-menu ul li a {position: relative; clear: both; top: 100px;}
}

@media (max-width: 1200px){
.prototype-template .header .header-small .container .main-menu ul li a {font-size: 10pt;}
}

@media (max-width: 1000px){
.prototype-template .header .header-large .background {padding: 50px 0 0 0;}
}

@media (max-width:700px ) {.searchbar {top: auto;}}
.prototype-template .header .header-large .important-menu .menu li a {color: #ffffff; border-radius: 20px !important;  text-shadow: 1px 1px 2px #000;}