html{
	font: normal 18px / 24px \roboto, arial, sans-serif;
	color:#333333;
}

body{
	font-family:'roboto', arial, sans-serif;
	color:#333333;
}



@media only screen and (max-width: 767px) {
	h1.display-4{
		font-size: 1.5rem;
	}
}

.display-4 {
    font-size: 2.9rem;
    font-weight: 300;
    line-height: 1.2;
}

h2{
	text-align:center;
	margin-bottom:1em;
	border-bottom:1px solid #f68026;
	display:inline-block;
}


/****************/
/*NAVBAR*/
/****************/
.navbar{
	background:rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
}

.navbar-light.navbar-custom .navbar-nav .nav-link{
	color:#333333;
}

.navbar-light.navbar-custom .navbar-nav .nav-link.js-scroll-trigger.active{
	color:#f68026;
}

.navbar-light.navbar-custom .navbar-nav .nav-link:hover{
	color:#f68026;
}
.navbar h1{
	line-height: 1em;
}
.navbar .small{
	font-size:62%;
}

/****************/
/*LINKS*/
/****************/
a{
	color:#f68026;
}

a:hover{
	color:#f68026;
	text-decoration: underline;
}

/****************/
/*colours*/
/****************/

.white{
	color:#FFF;
}
.orange{
	color:#f68026;
}
.grey{
	color:#f4f4f5;
}
.darkgrey{ 
	color:#7b7b7b;
}

/****************/
/*background colours*/
/****************/
.bg-white{
	background-color:#FFF;
}
.bg-lightgrey{
	background-color:#f9f9f9;
}
.bg-grey{ 
	background-color:#f4f4f5;
}
.bg-darkgrey{ 
	background-color:#7b7b7b;
	color:#FFF;
}

/****************/
/*Buttons*/
/****************/
.btn-primary{
	background:#f68026;
	text-transform: uppercase;
}
.btn-secondary{
	background:#f68026;
	text-transform: uppercase;
}
.btn-outline-primary{
	border:1px solid #f68026;
	color:#f68026;
	text-transform: uppercase;
}
.btn-outline-primary:hover{
	border:1px solid #f68026;
	background:#f68026;
}
.btn-outline-secondary{
	border:1px solid #f68026;
	color: #f68026;
	text-transform: uppercase;
}
.btn-outline-secondary:hover{
	border:1px solid #f68026;
	background:#f68026;
}


/****************/
/*Embed computer*/
/****************/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }