/**** COLOURS 
Bluey Dark Grey #4f5356
Dark Grey copy #252728
Light Grey copy #717171
Light Grey background #f7f7f7

Nav background #252728
Red #B23529
Grey border #a2a3a5

***/

@font-face {
  	font-family: IcoMoon;
  	src: url("../../fonts/client/IcoMoon-Free.ttf") format("truetype");
}

@font-face {
  	font-family: MontserratReg;
  	src: url("../../fonts/client/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  	font-family: MontserratLight;
  	src: url("../../fonts/client/Montserrat-Light.ttf") format("truetype");
}
@font-face {
  	font-family: MontserratMed;
  	src: url("../../fonts/client/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  	font-family: MontserratSemiBold;
  	src: url("../../fonts/client/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  	font-family: MontserratBold;
  	src: url("../../fonts/client/Montserrat-Bold.ttf") format("truetype");
}

body {
	color: #717171;
  	font-family: "MontserratReg", Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height: 1.5em;
	-moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

strong , b{
	font-family: "MontserratSemiBold";
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6{
	font-family: "MontserratSemiBold";
	text-transform: none;
	letter-spacing: normal;
    margin: 0px;
    padding: 0px;
    color:#000;
}


h1 {
	font-size: 32px;
	line-height: normal;
	margin-top:20px;
	margin-bottom:30px;
}

h2 {
	font-size: 20px;
	line-height: normal;
	margin-top:10px;
	margin-bottom:30px;
}

h3 {
	font-size: 16px;
	line-height: normal;
	margin-top:10px;
	margin-bottom:10px;
}

a{
	color: #B23529;
}

a:hover,
a:focus {
	color:#000;
	text-decoration:none;
	outline:none;
}

#main ul {
    padding: 1em;
}
#main ul li{
    margin-bottom:10px;
}

/**** GENERAL LAYOUT ****/
#mainX{
	position:relative;
}

/*** COOKIES **/
#cookies {
  background: #252728;
  color: #fff;
}

#cookies a {
  color: #fff;
  text-decoration:underline;
  background: none;
}

#cookies a:hover,
#cookies a:focus{
  color: #B23529;
  text-decoration:underline;
  background: none;
}

@media (max-width: 767px) {
  #cookies .cookie-buttons a {
    width: 48%;
    background: #fff;
    color:#000;
    text-align: center;
    padding: 5px;
    text-decoration:none;
  }
  
  #cookies .cookie-buttons  a:hover,
  #cookies .cookie-buttons  a:focus{
      color: #fff;
      text-decoration:none;
      background: #B23529;
    }
}

/*** RESPONSIVE TABLES **/
@media (max-width: 768px) {
	.responsive {
    	width: 100%;
    	margin-bottom: 15px;
    	overflow-y: hidden;
    	overflow-x:auto;
	}
}


/***
FOR 6 items
width:15.83%;
margin-right:1%;
margin-bottom:1%;

FOR 4 items
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
    
FOR 3 items
width: 32%;
margin-right: 2%;
margin-bottom: 2%;	

FOR 2 items
width: 49%;
margin-right: 2%;
margin-bottom: 2%;	
***/