@charset "UTF-8";
/* Retirement Security Page CSS */

#janitorIntro {
	width: 48%;
	float: left;
	display: block;
}

#bsd-container {
    width: 48%;
	float: right;
	display: block;
}

.factwrap {
	display: block;
	clear: both;
	background-color: #eee9f5;
	padding: 1em;
	margin: 2em 0;
}

.orbit-container .orbit-slide-number {
	color: #9B9B9B;
	top: 90%;
}

/* MEDIA QUERIES */

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
html, body {
    text-rendering: optimizelegibility;
}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
html, body {
    text-rendering: optimizelegibility;
}
#janitorIntro {
	width: 98%;
	float: left;
	display: block;
	margin: .5em;
}

#bsd-container {
    width: 98%;
	float: none;
	display: block;
	margin: .5em;
}

 /* .fact-wrap {
	display: block;
	clear: both;
	background-color: #eee9f5;
	padding: 1em;
	margin: .5em .5em 1em .5em;

}  */

form {
    width: 98%;
}
    }


    /* Note: Design for an iphone small screens */
    
@media screen and (max-width: 375px) {
html, body {
    text-rendering: optimizelegibility;
}

#janitorIntro {
	width: 98%;
	float: left;
	display: block;
	margin: .5em;
}

#bsd-container {
    width: 98%;
	float: none;
	display: block;
	margin: .5em;
}

/*  .fact-wrap {
	display: block;
	clear: both;
	background-color: #eee9f5;
	padding: 1em;
	margin: .5em .5em 1em .5em;

} */


form {
    width: 98%;
}

.orbit-container .orbit-slide-number {
    background: transparent none repeat scroll 0 0;
    color: #9b9b9b;
    font-size: 12px;
    left: 10px;
    position: absolute;
    z-index: 10;
    margin-top: 1.25em;
}
    }