.csi-header{
	position:relative;
	background:black;
	z-index:10;
}
.csi-header .col-md-3{
	margin-top: -75px;
	margin-bottom: 75px;
}
.logo-form-section{
    float: left;
    left: 10%;
    width: 80%;
    position: absolute;
    margin-top: 90px;
    z-index: 1;
    right: 10%;
    background: black;
}
.bankLogin{
	width:100%;
	padding:15px;
	float:left;
}
.bankLogin .bank-form-text{
    width: 100%;
    float: left;
    text-align: right;
}
.csi-logo img{
	width:100%;
}
.bank-form-text h2, .bank-form-text span{
	color:white;
}
.bankLogin form{
float:right;
}
.logo-form-section form, .logo-form-section span{
	font-size:1.15rem;
	margin: 0 10px;
}
.bankLogin span, .bankLogin a{
	line-height:45px;
}
.bankLogin a{
	margin: 0 10px;
	color: #a8a8a8;
}
.bankLogin form input[type=text]{
    border-radius: 7.5px;
    font-size:1.15rem;
    padding: 10px 20px;
    border: 1px solid #a8a8a8;
    color: #efefef;
    margin-right:20px;
}
.bankLogin form input[type=password]{
    border-radius: 7.5px;
    font-size:1.15rem;
    padding: 10px 20px;
    border: 1px solid #a8a8a8;
    color: #efefef;
    margin-right:20px;
}
.bankLogin form input[type=submit]{
    background: #a8a8a8;
    border: none;
    border-radius: 7.5px;
    padding: 10px 40px;
    font-size: 1.15rem;
    color: white;
    margin-right: 20px;
}
.sidebar .nav{
	width:100%;
	background:white;
	padding: 10%;
}
.sidebar .nav li{
	width:100%;
}
.sidebar .nav li a{
	padding:0;
}
.csi-header{
    float: left;
    width: 100%;
    padding: 20px 10%;
}
.csi-header .csi-logo img{
	width:100%;
}
.csi-header nav{
    width: 100%;
    background: #a8a8a8;
    border: none;
    margin-bottom:0;
}
.csi-header nav ul{
    list-style:none;
    float: right;
}
.csi-header nav ul li{
    float:left;
    margin: 0 10px;
}
.csi-header nav.navbar ul li a{
    color:#efefef;
}
.csi-hero{
    position: relative;
    width: 96%;
    float: left;
    margin: 0 2%;
}
.row{
	margin:0;
}
.csi-hero .tagline{
    width: 83%;
    padding: 75px 150px;
    background: white;
    margin: 25% auto 0px;
    text-align: center;
}
.csi-hero .tagline h2{
    font-size: 3rem;
    display: inline;
    line-height: 1.3rem;
}
.csi-hero .tagline p{
    font-size: 1.6rem;
    margin: 25px 0;
}
.content-section{
	width:100%;
	float: left;
	padding: 100px 10%;
}
.content-section .centered-section{
	text-align:center;
}
.content-section .centered-section .links{
	margin:50px 0;
}
.content-section .centered-section .links a{
	padding: 15px 5%;
    	border: 1px solid gray;
    	border-radius: 25px;
    	margin: 0 10px;
	color:black;
}
.content-section .centered-section .links a:nth-child(2n+2){
	background: #878787;
	color: white;
}
.current-menu-item > a, .current-menu-parent > a{
	background:white;
}
footer{
	float:left;
	width:100%;
	padding: 75px 10%;
	background:#878787;
}
footer .footer-section{
	float:left;
	width:20%;
	border-top: 1px solid #a8a8a8;
}
footer .footer-section ul{
	list-style: none;
	margin:0;
	padding:0;
}
footer .footer-section .social-media-icon{
	max-width:25px;
}
footer hr{
	width:100%;
	float:left;
	margin-top:75px;
	border: 1px solid #a8a8a8;
}
footer .copyright p{
	width:100%;
	float:left;
}
footer .copyright img{
	float:right;
}
.three-col-section .product{
	border: 1px solid #a8a8a8;
}
.three-col-section .product img{
	width:100%;
}
.three-col-section a:last-child .product{
	margin-right:0;
}
.three-col-section h2{
	font-size: 2.5rem; 
	line-height: 1.5rem;
}
.three-col-section p{
	font-size: 1.3rem;
	line-height: 1.8rem;
	color: #a8a8a8;
}
.three-col-section .product h2{
	font-size: 2rem; 
	line-height: 1.3rem;
	padding: 0 20px;
	color: #a8a8a8;
}
.three-col-section .product p{
	font-size: 1.3rem;
	line-height:1.5rem;
	color: #a8a8a8;
	padding: 0 20px;
}
.icons{
    margin-top: -150px;
    background: white;
    padding: 25px 100px;
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid gray;
	margin-bottom:150px;
}
.icons .col-md-3 h2, .icons .col-md-3 img{
	width:50%;
	float:left;
}
.product{
	padding:0;
}
.product img{
	width:100%;
}
.product .product-desc{
	padding: 20px;
	border: 1px solid gray;
	width: 100%;
}

@media (max-width: 992px){
.logo-form-section{
	position: relative;
	left: 0;
	right:0;
	width:100%;
	margin-top:0;
}
.csi-hero .tagline {
    width: 100%;
    padding: 7.5% 15%;
    background: white;
    margin: 25% auto 0px;
    text-align: center;
}
.csi-hero .tagline h2{
	font-size:1.8rem;
}
.csi-hero .tagline p {
	font-size: 1.3rem;
	line-height:1.5rem;
}
.three-col-section .product h2{
	font-size: 1.8rem;
	line-height:1.6rem;
}
.three-col-section .product p{
	font-size: 1.3rem;
	line-height:1.5rem;
}
}