/* Changes colour of site background */
/*
.site-grid {
  background-color: #f4f6f7;
  padding-bottom: 10px;
}
*/

/*    Probably not needed
 .grid-child {
  padding: 3px 20px;
  background-color: #white;
}  		
*/

/* This changes the colour of the footer */
/*
.container-footer {
    margin-top: 0em;
    background-color: #ece4f0;
    background-image: none;
}
*/


/* This changes the colour of the header*/
/*
.container-header {
  background-color: #ece4f0;
  background-image: none;
}

.container-below-top {
  background-color: #ece4f0;
  background-image: none;
}
*/

/* This changes the colour(s) of the form buttons. Choose a dark colour as text is white*/

/*
.btn-primary {
  background-color: #522183;
  border-color: #522183;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #7030A0;
  border-color: #7030A0;
}
*/

/* This changes the colour of the heading fonts*/

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: #af2b46;
  
}

/* This is needed to allow right, left and centre floating in the header .Replace '.catssheader' with the class name assigned in the Header module*/

.catssheader {
  min-width: 100%;
}