.lightGreen { color: #A2CC89; }
.txtWhite { color: #f8f8f8; }
.small-text { font-size: 0.875rem; }
.hgroup h1 { text-align: center; font-size: 1.5rem; color: rgba(255, 255, 255, 1); }
.hgroup h1,
.relPosition { position: relative; }
.vertical-center { margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.topHeader .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1200px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column,
.row.collapse > .columns { padding-left: 0; padding-right: 0; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

a:active, a:hover {
    outline: 0;
}

nav li {
   text-align:center;
    /*text-shadow: 0 0 1px rgba(255,255,255,0.3);*/
}
nav a {
    position: relative;
    display: inline-block;
    outline: none; text-align:center;
    /*text-shadow: 0 0 1px rgba(255,255,255,0.3);*/
}

nav a:hover, nav a:focus {
    outline: none;
}

.cl-effect-9 a:hover::before, .cl-effect-9 a:hover::after, .cl-effect-9 a:focus::before, .cl-effect-9 a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.cl-effect-9 a:hover::before, .cl-effect-9 a:focus::before {
    height: 6px;
}

.cl-effect-9 a::before, .cl-effect-9 a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2796A9;
    content: '';
    opacity: 0.2;
    -webkit-transition: opacity 0.3s, height 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s;
    transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 a {
    margin: 0 10px;
    padding: 18px 10px;
}


.cl-effect-9 a span:first-child {
    z-index: 2;
    display: block;
    font-weight: 300;
}


.cl-effect-9 a span:last-child {
    z-index: 1;
    display: block;
    padding: 8px 0 0 0;
    color: rgba(0,0,0,0.4);
    text-shadow: none;
    text-transform: none;
    font-style: italic;
    font-size: 0.75em;
    font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}


.cl-effect-9 a:hover span:last-child, .cl-effect-9 a:focus span:last-child {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}
/*.content {
	padding: 80px 0;
}*/

/*ul {
	list-style: none;
	margin: 0;
}*/

.topHeader { width: 100%; z-index: 11; /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);*/ height: auto; padding: 5px; background: rgba(255,255,255,0.6) !important; /*background-color: rgba(255, 255, 255, 1);*/ border-bottom: 1px solid #d5d5d5 !important; }
header { min-height: 100%; }
#dummy > div { padding-bottom: 40px; }


/* Background Images & Overlays
-----------------------------------------------------------------*/

header { background: url('../img/hero.png') no-repeat top center; background-size: cover; height: 480px; }




/* Footer Section Styles
-----------------------------------------------------------------*/

footer { background-color: #2a3541; }


/* ==============================================================
							MEDIA QUERIES
================================================================= */

/* Medium Screens
-----------------------------------------------------------------*/
@media only screen and (min-width: 40.063em) {

    header { height: 680px; }

    .hgroup h1 { font-size: 2.95rem; font-weight: 700; }

    #logo { /*padding-top: 5px;*/ }

    .txtCols { width: 80%; }
}

/* Large Screens
-----------------------------------------------------------------*/
@media only screen and (min-width: 64.063em) {

    header { height: 600px; background-attachment: fixed; }

    .hgroup h1:before,
    .hgroup h1:after { display: block; position: absolute; content: ""; /*background: none repeat scroll 0 0 #f8f8f8;*/ top: 20px; left: 180px; width: 180px; height: 2px; }

    .hgroup h1:after { right: 180px; left: auto; }

    .topHeader { display: block; position: fixed; top: 0; right: 0; width: 100%; }

    #logo { padding-left: 0; }


    /* Desktop Navigation */

    nav ul { margin-bottom: 0; margin-left: 1rem; }

    .primaryMenu li { display: inline-block; }

        .primaryMenu li a { display: block; padding: 10px 10px; /*font-size: 1rem;*/ }
        .right {
    float: right !important;
}
}

.expandMe { transition: all 0.5s ease 0.1s; }

.expanded { padding: 8px 0; /*background: rgba(255,255,255,0.6) !important;*/ }

    .expanded .logo { background: url('../../images/logo.png') no-repeat top center; }


@media only screen and (min-width: 64.063em) {
    .column, .columns { position: relative; padding: 0; float: left; }
}

@media only screen and (min-width: 40.063em) {
    .medium-3 { width: 25%; }
}

@media only screen and (min-width: 40.063em) {
    .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
    .small-8 { width: 66.66667%; }
    .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
    .column, .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }
    .small-8 { width: 66.66667%; }
}
@media only screen and (min-width: 64.063em) {
    /*.large-5 { width: 41.66667%; }*/
    .large-5 { width: 24.66667%; }
    /*.large-7 { width: 58.33333%; }*/
        .large-7 { width: 75.33333%; }

}