/* responsive styles */

#f2 a,
#f3 a,
#f4 a {
	display: block;
	color: #024773;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 16px;
	font-family: Roboto;
	line-height: 24px;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px solid transparent;
	transition: border-bottom-color .3s;
}

#f2 a:hover,
#f3 a:hover,
#f4 a:hover {
	border-bottom-color: currentColor;
}

@media (max-width: 1199px) {

	#fbg {background-size: cover;}

	#footer {width: 970px;}

}

@media (max-width: 991px) {

	#footer {width: 750px;}

}


@media (max-width: 767px) {
	#footer {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}

	#f1 {
		flex-basis: 100%;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
	}

	#f2,#f3,#f4 {
		margin: 5px;
	}

	#f6 {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: wrap;
	}

	#f6 a:last-of-type {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-top: 10px;
	}

	#footer > div > span {
		margin-left: 5px;
		margin-right: 5px;
	}
}