@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');

* { margin: 0; }
html, body { margin: 0; height: 100%; width: 100%; font-size: 100%; }
body, span, p, a, li, ul { font-family: "Open Sans", sans-serif; font-size: 16px; color: #000000; font-weight: 200;}

a:link		{ color: #ffffff; text-decoration: none; }
a:visited	{ color: #ffffff; text-decoration: none; }
a:hover 	{ color: #ffffff; text-decoration: none; }
a:active 	{ color: #ffffff; text-decoration: none; }

a.taal:link		{ color: #000000; text-decoration: none; }
a.taal:visited	{ color: #000000; text-decoration: none; }
a.taal:hover 	{ color: #e24f1d; text-decoration: underline; }
a.taal:active 	{ color: #e24f1d; text-decoration: none; }

h1, h2, h3, h4 { font-family: "Open Sans", sans-serif; padding: 0px; margin: 0px; }

h1 { font-size: 3.5vw; color: #ffffff; }
h2 { font-size: 3.5vw; color: #e24f1d; text-transform: uppercase; font-weight: 600; }
h3 { font-size: 3.0vw; }
h4 { font-size: 2.5vw; }

.header { background-color: #ffffff; float: left; width: 100%; padding: 25px 0px 25px; text-shadow: 0 0 black; display: block; }
.btn-info, .btn-info:hover { background-color: #e24f1d; }
.inner-banner { width: 100%; display: block; overflow: hidden; position: relative; }
.inner-banner img { width: 100%; height: auto; }
.inrbnrtitle { position: absolute; left: 10%; top: 50%; width: 100%; transform: translate(-4%, -50%); }
.inrbnrtitle h1 { font-weight: 600; color: #ffffff; text-transform: uppercase; }

.footer { margin-top: 50px; background-color: #e24f1d; width: 100%; position: relative; z-index: 1; padding-top: 50px; padding-bottom: 50px; }
.footer p { color: #ffffff; }