@font-face {
    font-family: 'myFirstFont';
    src: url('Mohave.otf') format('embedded-opentype'),
    src: url('Mohave.otf') format('opentype');
    font-weight: bold;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 29px;
    background-color: rgba(255, 85, 7, 1);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 85, 7, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 85, 7, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ff5507;
}

.page-header
{
	display: inline;
}

.orange-bg
{
	background-color: #ff5507;
	height: 10px;
}

.orange-menu-bg
{
	background-color: #ff5507;
	height: 52px;
}

.purple-bg-bar
{
	background-color: #340458;
	height: 10px;
}

.purple-bg
{
	background-color: #340458;
}

.pencil-grey-bg
{
	font-size: 2.0em;
	color: white;
	font-family: myFirstFont;
	background-color: #323232;
}

.white-text-links
{
	font-size: 1.0em;
	color: white;
	font-family: myFirstFont;
}


.join-us-text
{
	font-size: 0.70em;
	color: white;
	font-family: myFirstFont;
}

.carousel-bg
{
	font-size: 2.0em;
	color: white;
	font-family: myFirstFont;
	background-color: rgba(0,0,0,0.5);
}


.space-grey-bg
{
	font-size: 1.0em;
	color: white;
	font-family: myFirstFont;
	background-color: #252525;
}

.grey-bg
{
	background-color: #c8c8c8;
}

.white
{
	color: #FFFFFF;
}

.navbar-colours
{
	font-family: myFirstFont;
    background-color: #ff5507;
    font-size: 2.4em;
}


.padding-top
{
	padding-top: 30px;
}




.img-padding-top
{
	padding-top: 0px;
}


@media (min-width:320px) 
{
	.header-fontsize
	{
		font-size: 2.15em;
		color: white;
		font-family: myFirstFont;
	}

	.headerAddress-fontsize
	{

		font-size: 1.4em;
		color: #a58cb6;
		font-family: myFirstFont;
	}
}

@media (max-width:320px) 
{
	.header-fontsize
	{
		font-size: 2.15em;
		color: white;
		font-family: myFirstFont;
	}

	.headerAddress-fontsize
	{

		font-size: 1.4em;
		color: #a58cb6;
		font-family: myFirstFont;
	}	
}


@media (min-width:640px) and (max-width:767px) 
{
	.header-fontsize
	{
		font-size:3.15em;
		color: white;
		font-family: myFirstFont;
	}

	.headerAddress-fontsize
	{

		font-size: 2.4em;
		color: #a58cb6;
		font-family: myFirstFont;
	}	
}

@media (min-width:768px) and (max-width:991px) 
{
	.header-fontsize
	{
		font-size:4.15em;
		color: white;
		font-family: myFirstFont;
	}

	.headerAddress-fontsize
	{

		font-size: 2.4em;
		color: #a58cb6;
		font-family: myFirstFont;
	}	

	.navbar-size
	{
		font-family: myFirstFont;
	    background-color: #ff5507;
	    font-size: 0.7em;		
	}
}

@media (min-width:992px) and (max-width:1199px) 
{
	.header-fontsize
	{
		font-size:5.15em;
		color: white;
		font-family: myFirstFont;
	}

	.headerAddress-fontsize
	{

		font-size: 2.4em;
		color: #a58cb6;
		font-family: myFirstFont;
	}	
}

@media (min-width:1200px) 
{
	.header-fontsize
	{
		font-size:6.15em;
		color: white;
		font-family: myFirstFont;
	}

	.headerAddress-fontsize
	{

		font-size: 2.4em;
		color: #a58cb6;
		font-family: myFirstFont;
	}	
}