/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'https://fonts.googleapis.com/css?family=Montserrat|Work+Sans';

body {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #555;
}
img { 
	max-width: 100%;
	height: auto;
}
img.left { margin: 0 15px 15px 0; }
h1, .h1,
h2, .h2,
h3, .h3 { 
	margin-top: 0;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #a1a1a1;
	display: block;
}
a {	color: #cf3734; }
a:hover { 
	text-decoration: none;
	color: #cb0000;
}
.block { display: block; }
.section { margin-bottom: 30px; }
.padding-none { 
	padding: 0;
	margin: 0;
}
.padding-vertical {
	padding-top: 15px;
	padding-bottom: 15px;
}
.padding-horizontal-none {
	padding-left: 0;
	padding-right: 0;
}
.margin-vertical {
	margin-top: 15px;
	margin-bottom: 15px;
}
.right { float: right; }
.left { float: left; }
.relative { position: relative; }
.black { color: #000; }
.white { color: #fff; }
.red { color: #cf3734; }
.background-black { background-color: #000; }
.background-red { background-color: #cf3734; }
.background-gray { background-color: #f7f7f7; }

.logo-card { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.logo-card img { max-width: 320px; }
.btn-lg { 
	padding: 15px;
	min-width: 220px; 
	text-align: center;
	display: block;
}
.btn-primary { 
	background-color: #000; 
	background-image: none;
	border-radius: 0;
	text-transform: uppercase;
}
.btn-primary:hover { background-color: #555; }
.footer { margin: 40px auto; }




@media (max-width: 992px) { 
	.logo-card { 
		width: 100%;
		position: relative; 
		margin: 0 auto;
		text-align: center;
	}
}

@media (max-width: 768px) { ... }