.identify-behaviour ul {
    float: left;
}

.identify-behaviour h4 {
    color: #353635;
    padding: 1em;
}
.identify-behaviour li {
    float: left;
    height: 450px;
    position: relative;
    width: 16%;
}
.identify-behaviour li p {
    color: #353635;
    font-size: 0.858em;
    line-height: 1.8em;
    padding: 0 0.75em;
}
.identify-behaviour li p a {
    background: #EDF7F5;
    bottom: 0;
    margin: 1em;
    padding: 0.25em 0.5em 0.15em 0.5em ;
    position: absolute;
    color: #353635;
    font-family: "DinWebMedium", sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    border-radius: 0.25em;
    opacity: 1;
}
.spectrum-50 {
    background: none repeat scroll 0 0 #ddf2ed;
}
.spectrum-60 {
    background: none repeat scroll 0 0 #bce8e0;
}
.spectrum-70 {
    background: none repeat scroll 0 0 #8dd3c6;
}
.spectrum-80 {
    background: none repeat scroll 0 0 #63c6b3;
}
.spectrum-90 {
    background: none repeat scroll 0 0 #35b59c;
}
.spectrum-100 {
    background: none repeat scroll 0 0 #25a088;
}

.uncomfortable h1{
	border-bottom: 10px solid #dcf0ec;
}

.distressed h1{
	border-bottom: 10px solid #bce3dd;
	
}

.disruptive h1{
	border-bottom: 10px solid #8bd0c4;
	
}

.disturbing h1{
	border-bottom: 10px solid #61c4b2;
	
}

.potential-danger h1{
	border-bottom: 10px solid #27b49b;
	
}

.danger-threat h1{
	border-bottom: 10px solid #12a088;
	
}

@media (max-width: 1280px) {
.identify-behaviour li {
    height: 230px;
    width: 100%;
    }
    
.identify-behaviour li p a {
    right: 0;
    }
}

@media (max-width: 1024px) {
.identify-behaviour li {
    height: 230px;
    width: 100%;
    }
    
.identify-behaviour li p a {
    right: 0;
    }
}

@media (max-width: 768px) {
.identify-behaviour li {
    height: 220px;
    width: 100%;
    }
    
.identify-behaviour li p a {
    right: 0;
    }
}

@media (max-width: 640px) {
.identify-behaviour li {
    height: 240px;
    width: 100%;
    }
    
.identify-behaviour li p a {
    right: 0;
    }
}

@media (max-width: 480px){
	.identify-behaviour li {
    	height: 240px;
    	}
}

@media (max-width: 360px){
	.identify-behaviour li {
    	height: 300px;
    	}

.identify-behaviour li p a {
    right: 0;
    }
}

@media (max-width: 320px){
	.identify-behaviour li {
    	height: 300px;
    	}
}