@media print
{
    .whiteBG { 
		border-left: none !important;
		border-right: none !important;
		border-bottom: none !important;
		}
	body {
		font-size: .95em;
	}
}

body {
	background-color: #304FFE;
	font-family: 'Source Sans Pro', sans-serif;
}
a {
	color: #304FFE;
}

.topBG {
	background-image: url(../img/cream_pixels.png);
	background-repeat: repeat;
	background-color: #ffffff;
}

.heroBG {
	background-image: url(../img/BothBG.jpg);
	background-size: cover;
	height: 400px;
	margin-top: -20px;
	border-top: solid 2px #FF9100;
	border-bottom: solid 2px #FF9100;
	background-position: center;
}

.yellowBG {
	background-color: #FFD600;
	border-bottom: solid 2px #FF9100;
}

.floatUp {
	margin-top: -15%;
	margin-bottom: 20px;
}

.blueBG {
	background-color: #304FFE;
	
}

.whiteBG {
	background-color: #fff;
	border-left: solid 3px #2979FF;
	border-right: solid 3px #2979FF;
	border-bottom: solid 5px #1A237E;
	padding:20px 0 30px 0;
	
}


.smallTopMargin {
	margin-top: 15px;
}

.greyBottom {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #E0E0E0;
}

h1 {
	color:#D50000;
	font-weight: 600;
	font-size: 1.8em;
}

h2 {
	color:#D50000;
	font-weight: 500;
	font-size: 1.6em;
	line-height: 1.6em;
}

h3 {
	font-size: 1.4em;
	line-height: 1.4em;
}

li {
	padding-bottom: 25px;
	font-size: 1.2em;
}
.fa-li {
	color: #D50000;
}

.interestedText {
	font-size: 1.2em;
	padding-top: 20px;
}

.redText {
	color: #D40000;
}

footer a{
	background-color: #FFD600;
	padding:5px 10px;
	color:#000000;
	margin: 30px auto 30px auto;
	display: block;
	text-align: center;
	text-decoration: none;
}

footer a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFC400;
}


@media (max-width: 766px) {
	
.heroBG {
	background-image: url(../img/BothBG.jpg);
	background-size: cover;
	height: 200px;
	margin-top: -20px;
	border-top: solid 2px #FF9100;
	border-bottom: solid 2px #FF9100;
	background-position: center;
	}
	
	h2 {
		line-height: 1.2em;
	}
}

@media (min-width: 1200px) {
	.smallImg {
		width: 260px;
	}
	.medImg {
		width: 500px;
	}
}



/* test */
@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}