.content{padding: 0 5px}

header.home{ position: relative; z-index: 1; background-position: top right;}
header.home::before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg,rgba(245, 202, 61, 0.9) 0,rgba(255,255,255,.5) 100%);}

nav { top: 0; left: -3px; border-right: 3px solid #192b4f; background-color: #fff; width: 0; overflow-x: hidden; position:absolute; z-index: 99; margin: 0;}
nav span.title{ color: #fff; display:block; font-size: 1.6rem; font-weight: bold; padding:20px 0 20px 15px; background-color: #192b4f;}
nav ul li{ display: block; padding: 10px 10px; margin-right: 0; border-bottom:1px solid #333; border-left: 8px solid #e3e3e3; }
nav ul li:hover{ border-left: 8px solid #192b4f;}
nav ul li:hover .inner-menu{
	display: none;
}
nav ul li.home, nav ul li.about-us, nav ul li.contact-us, nav ul li.sitemap{ display: block;}
nav ul li a{ color: #333; line-height:20px; font-size:1rem; font-weight: bold; display:inline-block; width:100%; padding-bottom: 0; }
nav ul li a:hover{border: 0; padding-bottom: 0;}

.menu-title, .menu-icon{ display: block;}

.loan-actions .grey-button { max-width: 100%; }

/*cards*/
.credit-card-block .credit-card{	width: 200px;}
.credit-card-block .credit-card-infobox { margin-left: 200px;}
.credit-card-block .credit-card-description {margin: 0 10px; width: auto;}

.credit-card-actions{ width: auto;}

/*loans*/
.loan-block .bank-logo {margin: 0 auto 10px;}
.loan-block .loan-actions { text-align: center; margin: 20px auto; width: 100%; }
.loan-block .loan-details {margin: 0 auto;}

/*current-accounts*/
.current-account-block .bank-logo {margin: 0 auto 10px;}
.current-account-block .current-account-actions { text-align: center; margin: 20px auto; width: 100%; }
.current-account-block .current-account-details {margin: 0; width: 100%;}
.current-account-block .current-account-details .description {margin: 0;}

/*filters*/
.filter-block {flex-wrap: wrap;}
.filter-block .orange-button{ padding: 10px 25px; margin: 30px 0 20px; } 
.filters .title { padding-bottom: 0; }
.filters-select {width: 100%;}
.filters-select label {display: inline-block; width: 100px;}

/*footer*/
footer .flex{flex-wrap: wrap;}
footer .social-media {width: 45%; margin-left: 5%;}
footer .menu-options {width: 50%; margin-bottom: 30px;}
footer .credit-cards-footer {width: 45%; margin-left: 5%;}
footer .banks-footer {width: 50%; }
footer ul li{ margin-bottom:12px;}