/*
 * Colors
 *
 * red:         #ec1a39
 * black:		#4c4c4c
 */

html,
body {
	margin: 0;
	padding: 0;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
 }
 
 body {
	font-size: 1.125rem !important;
	font-family: 'Roboto', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #fff !important;
	background: #1f2428 !important;
}

@media (min-width: 768px) {
	body {
		font-size: 1.25rem !important;
	}
}
 
@media (min-width: 992px) {
	body {
		font-size: 1.375rem !important;
	}
}


h1, h2 {
	font-size: 2rem !important;
	font-weight: 800 !important;
} 

h3 {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
}

h2.subheader,
h3.subheader {
	font-weight: 400 !important;
}

@media (min-width: 768px) {
	h1, h2 {
		font-size: 2.5rem !important;
	} 
	h3 {
		font-size: 2rem !important;
	}
}

@media (min-width: 992px) {
	h1, h2 {
		font-size: 3rem !important;
	}
	h3 {
		font-size: 2.5rem !important;
	}
}

@media (min-width: 1200px) {
	h1, h2 {
		font-size: 4rem !important;
	}
	h3 {
		font-size: 3rem !important;
	} 
}


/*
 * Common Tags
 */
a {
	color: #ec1a39 !important;
	text-decoration: none !important;
}
 
a:hover, 
a:active {
	color: #ec1a39 !important;
	text-decoration: none !important;
}
 
 a.more {
 }
 
 a.more::before {
	display: inline-block;
	content: "\F285";
	font-family: "Bootstrap-icons";
	padding-right: .25rem;
}

.text-small {
	font-size: .875rem;
}
 
.text-big {
	font-size: 1.125rem;
}

.text-red {
	color: #ec1a39;
}

@media (min-width: 768px) {
	.text-small {
		font-size: 1rem;
	}
	
	.text-big {
		font-size: 1.25rem;
	}
}
 
@media (min-width: 992px) {
	.text-small {
		font-size: 1.125rem;
	}
	.text-big {
		font-size: 1.375rem;
	}
}


/*
 * Container
 */
.container {
	max-width: 1000px !important;
}

.container-red {
	background-color: #ec1a39;
}

.container-grey {
	background-color: #2b2b2b;
}

.frame-layout-12,
.frame-layout-13 {
	background: #424242;
	padding: 1rem;
}

.frame-layout-12 .ce-bodytext,
.frame-layout-13 .ce-bodytext {
	padding: 0 1rem;
}

@media (min-width: 768px) {
	[class*='col-'] .frame-layout-12,
	[class*='col-'] .frame-layout-13 {
		height: 100%;
	}
}

.frame-layout-14 p {
	margin-bottom: 0 !important;
	padding: 1rem 0;
	border-top: 5px solid #ec1a39;
	border-bottom: 5px solid #ec1a39;
}

.ce-border .ce-column {
	padding: 1rem;
}

.ce-border img {
	border: none !important;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, .25);
}

figcaption {
	padding-top: 1rem;
	text-align: center;
}


/*
 * Navigation
 */
nav.navbar {
	background: #fff;
	color: #4c4c4c !important;
	font-size: 1.25rem;
}

nav.navbar a.navbar-brand {
}

nav.navbar a.navbar-brand img {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}


main {
}

.ce-banner {
	height: 300px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

@media (min-width: 768px) {
	.ce-banner {
		height: 400px;
	}
}

@media (min-width: 992px) {
	.ce-banner {
		height: 500px;
	}
}

@media (min-width: 1200px) {
	.ce-banner {
		height: 600px;
	}
}

hr {
	border-top-width: 5px !important;
	opacity: 1 !important;
}

footer {
	font-size: 1rem !important;
	background: #000;
	padding: 2rem 0;
}

footer img {
	width: 120px;
	margin-bottom: 1rem; 
}

.btn {
	border-radius: 0 !important;
	font-size: 1.125rem !important;
	font-weight: bold !important;
}

.btn-primary {
	background-color: #ec1a39 !important;
	border-color: #ec1a39 !important;
	color: #fff !important;
}

.form-control {
	border-radius: 0 !important;
	font-size: 1.125rem !important;
	background-color: #ddd !important;
}

@media (min-width: 992px) {
	.btn,
	.form-control {
		font-size: 1.25rem !important;
	}
}

.tx-powermail .container-fluid {
	padding: 0 !important;
}

.frame-space-before-extra-small { margin: 0; padding-top: 1em; }
.frame-space-before-small { margin: 0; padding-top: 2em; }
.frame-space-before-medium { margin: 0; padding-top: 3em; }
.frame-space-before-large { margin: 0; padding-top: 4em; }
.frame-space-before-extra-large { margin: 0; padding-top: 5em; }
.frame-space-after-extra-small { margin: 0; padding-bottom: 1em; }
.frame-space-after-small { margin: 0; padding-bottom: 2em; }
.frame-space-after-medium { margin: 0; padding-bottom: 3em; }
.frame-space-after-large { margin: 0; padding-bottom: 4em; }
.frame-space-after-extra-large { margin: 0; padding-bottom: 5em; }