background-color

p, span, a, ul, li, button {
    font-family: inherit;
    font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

strong {
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serify;
	line-height: 1.5em;
	font-weight: 300;	
}

strong {
  font-weight: 400;
}

.tile {  
    width: 100%;
    display: inline-block;
	box-sizing: border-box;
	
	padding: 20px;
	margin-bottom: 10px;
} 

 .title {
    	margin-top: 0px;
  }

.purple, .blue, .red, .orange, .green {
    color: #fff;
  }
  
.purple {
    background-color: #5133AB;
}

 .purple:hover {
    background-color: purple;
 }	
 
.red { background-color: #AC193D;}

.red:hover {
    background-color: red;
}		


.green {background-color: green;}

 .green:hover {
	background-color: limegreen;
}		


.blue {   background-color: royalblue}

.blue:hover {
	background-color: cornflowerblue;
}	


.orange {  background-color: #DC572E;}

.orange:hover {
	background-color: orange;
}