@charset "UTF-8";
.aberdeen-security section {padding: 20px 0px; }

/*HERO STYLES*/

.aberdeen-security #hero {background: black; min-height: auto; }
.aberdeen-security #hero h1 {color: #BA9CC5;}
.aberdeen-security #hero p.h2 {color: #ffffff;}

/*INTRO STYLES*/
.aberdeen-security #intro .container {position: relative;}

.aberdeen-security #intro li {padding-bottom: 15px;}

@media handheld, only screen and (min-width:768px) {.aberdeen-security #intro #main-image { position: absolute; right: 0; bottom: 0;}}



/*CURRENT STATE STYLES*/

.aberdeen-security #current-state {background-color: #E6E6E6;}
.aberdeen-security #current-state .card {margin-bottom: 20px;}
.aberdeen-security #current-state .card-body.flex {flex-direction: column;}
.aberdeen-security #current-state .card-body.flex .image {order: 1; text-align: center;}
.aberdeen-security #current-state .card-body.flex .text {order: 2}
.aberdeen-security #current-state .card h3 {color: #68478D; line-height: 1.1em;  font-size: 24px;}
.aberdeen-security #current-state .card p.h4 {color: #878679;}

@media handheld, only screen and (min-width:768px) {
	.aberdeen-security #current-state .card-body.flex {flex-direction: row;}
	.aberdeen-security #current-state .card-body.flex .text {max-width: 75%; padding: 0 15px; order: initial; }
	.aberdeen-security #current-state .card-body.flex .image {order: initial;}
	.aberdeen-security #current-state .card h3 {margin-top: 0;}
}