/* CSS Document */

body {background: #f1f1f1;}

/* Customize container */

@media (min-width: 768px) {
.container {max-width: 750px; background: #fff; padding: 20px 50px 50px 50px; margin-bottom: 20px;}
.wide {max-width: 830px;}
}
.container-narrow > hr {margin: 30px 0;}

/* Responsive Video Wrapper */

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Typography */

p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12pt; margin: 20px 0px; color: #000;}
h1 {font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 24pt; text-align: center; color: #990000; font-weight: 700;}
h2 {font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 18pt; text-align: center; font-weight: 700;}
h3 {font-size: 14pt; font-weight: 700;}


.order-border {width: 90%; border: dashed 5px #990000; text-align: center; margin: 35px auto; padding: 20px 10px;}
p.bg-warning {padding: 15px; font-size: 12px;}
a img:hover {opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}