/* redgrit.co.uk/bins/ 	*/
/* version 0.5 2017-02-15 			*/

/*  Set up the colours */
:root {
	--background : #909090 ;
	--site : #a00000 ;

	--black : #000000 ;
    --darkgrey : #404040 ;
	--grey : #808080 ;
	--lightgrey : #c0c0c0 ;
	--white : #ffffff ;

	--red : #ff0000 ;
	--lightred : #f09090 ;
	--green : #00ff00 ;
    --blue : #0000ff ;
}


/* 1. Default styles 			*/
body {
	background : --var(lightgrey) ;
	color : --var(darkgrey) ;
}

/* 2. id elements */
#header {
	background-image : url("../assets/title01.jpg") ;
	background-size : 100% 100%;
	background-repeat : no-repeat ;
	color : var(--white) ;
	text-align : center ;
	height : 200px ;
	margin-bottom : 10px ;
	border : 1px solid var(--black) ;
	padding : 70px ;
} 
#header h1 {
	text-align : center ;
}
#header h2 {
	text-align : center ;
}

#copyright {
	font-size : 0.9em ;
}

#footer {
	font-size : 0.8em ;
}
#footer h1 {
	font-size : 1em ;
	color :  #a00000 ;
}
#footer .card-body {
	background : var(--lightgrey) ;
}

#nav {
    padding : 0px ; 
    font-size : 1em ; 
	border : 1px solid var(--black) ;
}

/* ------------------- */

/* 3. classes */
.site {
	color :  #a00000 ;
}
/* Bootstrap changes */
.card-header {
	text-align : center ;
}
.card-body h1 {
	text-align : center ;
	font-size : 1em ;
	font-weight : bold ;
}
.navbar-light {
	background : #e0e0f0 ;
}