body { font-family: 'Josefin Sans', sans-serif; font-size:1.8em; }
a { color:#006cc3; }


h1 { font-size:1.5em; margin-top:0.5em; }
h1 img { width:180px; }
h1 a { color:#000; }
h1 a:hover { text-decoration:none; color:#000; }

h2.page-title { font-weight:bold; margin-top:0; margin-bottom:1em; text-transform:uppercase; }
h3 { margin-top:1em; }

.dn { display:none; }
.pdf-display { width:900px; margin:0 auto; text-align:center; }

.page-image { position:relative; margin-bottom:1.5em; }
.page-image img { max-width:100%; }



.footer-wrapper { margin-top:3em; }
.footer-wrapper footer div { border-top:1px solid #bbb; padding-top:1em; }

.nav li { font-weight:bold; font-size:0.9em; }
.nav > li { text-transform:uppercase; }
.nav li img { height:14px; }
.nav li ul.sub-menu { display:none; width:140px; position:absolute; top:40px; left:0; z-index:5; background-color:#fff; box-shadow:5px 5px 20px #555; }
.nav li:hover ul.sub-menu { display:block; }
ul.sub-menu > li { text-transform:none; border-bottom:1px solid #eee; }
ul.sub-menu > li a { display:block; padding:0.5em 1em; }
ul.sub-menu > li:hover a { background-color:#eee; }

.navbar .navbar-toggle { margin:0; padding:0; padding-top:0.5em; z-index:10; }
.navbar .navbar-toggle .icon-bar {
    background-color: #bbb;
}


/* HOME PAGE */

.home-content { padding-top:1.5em; }
#home h2 { margin-top:0; }
#home .contact-info { font-weight:bold; }

#home .home-sidebar { width:400px; padding:1.2em; margin:0.3em 0 2em 2em; border-radius:10px; font-size:1.1em; }
#home .home-sidebar-mobile { display:none; width:100%; padding:1.5em; margin-top:1.5em; border-radius:10px; font-size:1em; }


/* BENEFITS */

#benefits h4 { margin-bottom:1em; font-weight:bold; font-size:1.2em; border-bottom:1px solid #ccc; }
#benefits ul { margin-bottom:2em; }
#benefits section { margin-bottom:1em; }

.benefits-menu { border:1px solid #bbb; border-radius:10px; padding:0.5em 0; margin-bottom:2em; }
.benefits-menu h3 { margin:0.2em 0 0 0; text-align:center; }
.benefits-menu .navbar-toggle { float:none; display:block; text-decoration:none; text-align:center; padding:0; margin:0; }
.benefits-menu .navbar-toggle span { display:block; margin:0; padding:0; font-size:0.8em; color:#aaa; }
#benefits .benefits-menu ul { margin-bottom:0; }
#benefits .benefits-menu .navbar-nav li { float:none; }
.benefits-menu li a { display:block; padding:0.5em; text-transform:none; }
.benefits-menu li:hover a, .benefits-menu li.selected a { background-color:#eee; }

#benefits .benefits-list { margin-top:2em; }
#benefits .benefits-list li { margin-bottom:1em; text-align:center; font-size:1.2em; border:1px solid #ccc; border-radius:10px; }
#benefits .benefits-list li a { display:block; padding:0.5em 0; }
#benefits .benefits-list li:hover a { background-color:#eee; }
/*
#benefits .benefits-list li { float:left; position:relative; width:165px; height:120px; margin:20px 11px; border:1px solid #bbb; border-radius:10px; }
#benefits .benefits-list li a { display:block; width:100%; height:100%; padding:15px; font-size:1.1em; font-weight:bold; text-align:center; }
*/

#benefits .see-below { font-weight:bold; margin-bottom:2em; }


#benefits .costs-list table.desktop { width:720px; margin:0 auto; border-collapse:collapse; }
#benefits .costs-list table.desktop th, #benefits table.desktop td { border:1px solid #006cc3; padding:0.5em; }
#benefits .costs-list table.desktop tr.title td { background-color:#d7ecf7; padding:0.5em 1em; text-align:center; font-weight:bold; }
#benefits .costs-list table.desktop th { background-color:#d7ecf7; text-align:center; font-weight:bold; }
#benefits .costs-list table.desktop td.col-1 { width:200px; }
#benefits .costs-list table.desktop td.col { width:100px; text-align:center; }
#benefits .costs-list table.desktop td.merged { text-align:center; }

#benefits .costs-list .mobile { display:none; }
#benefits .costs-list .mobile table { width:auto; }
#benefits .costs-list .mobile td { padding-right:2em; }
#benefits .costs-list .mobile li { margin-bottom:2em; }
#benefits .costs-list .mobile h5 { font-size:1.1em; font-weight:bold; }

h3.company-title { font-weight:bold; margin-bottom:1em; }
h3.vendor-info { font-weight:bold; margin-top:0; }



/* CONTACT */

#contact form { padding:2em; background-color:#eee; border-radius:10px; }



/* MEDIA QUERIES */

@media screen and (max-width:1199px) {
	
	/* #benefits .benefits-list li { width:205px; height:100px; } */

}

@media screen and (max-width:991px) {
	
	/* #benefits .benefits-list li { width:210px; } */

}

@media screen and (max-width:767px) {
	
	.nav li { border-bottom:1px solid #fff; }
	.nav li a { background-color:#ddd; text-align:center; }
	.nav li ul.sub-menu { display:block; position:relative; width:100%; top:auto; left:auto; box-shadow:none; border-top:1px solid #fff; }
	.nav li ul.sub-menu li { margin:0 15px; }
	.nav li:hover ul.sub-menu { display:none; }
	
}


@media screen and (min-width:746px) and (max-width:991px) {

	h1 { font-size:1.2em; }
	h1 img { width:150px; }
	.nav li { font-size:0.8em; }
	.nav > li > a { padding:10px 10px; }
	ul.sub-menu > li { font-size:1em; }
	
}


@media screen and (min-width:746px) {
	
	.benefits-menu .navbar-nav { width:100%; }
	.benefits-menu .navbar-toggle { color:#000; margin-bottom:1em; }
	.benefits-menu .navbar-toggle span { display:none; }
	#benefits .benefits-menu .navbar-nav li a { width:100%; }
	
}

@media screen and (max-width:745px) {

	#benefits table { width:100%; margin:0 15px; }
	#benefits .col-1 { width:auto; }
	#benefits .col { width:auto; }
	#home .home-sidebar { width:360px; font-size:1em; }

}

@media screen and (max-width:725px) {
	
	/* #benefits .benefits-list li { width:180px; height:115px; } */

}

@media screen and (max-width:635px) {

	#home .home-sidebar { display:none; }
	#home .home-sidebar-mobile { display:block; }
	
	/* #benefits .benefits-list li { width:180px; height:115px; } */

	#benefits .costs-list .desktop { display:none; }
	#benefits .costs-list .mobile { display:block; }

}

@media screen and (max-width:499px) {

	
}

@media screen and (max-width:433px) {

	/* #benefits .benefits-list li { width:90%; height:95px; margin-bottom:1em; } */
	
}