/* CSS Document */

body,
div,
p,
h1, h2, h3, h4, h5, h6,
a,
td,
strong {
	font-family: 'Michroma', sans-serif;
}
body{    background-color : white;
}
a {
	text-decoration: none;
	color: #dd0000;
}

.text-center {
	text-align: center;
}

.font-24 {
	font-size: 24px;
}

.font-12 {
	font-size: 12px;
}

.padding-20 {
	padding: 20px;
}

strong {
	color: #999999;
}

td {
	padding: 5px;
	vertical-align: top;
}

.hidden,
[hidden] {
    display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
 .pure-g {
    bgcolor : 1a181b;
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}
.pure-video{
	display: block;
	margin:0 auto;
}

.pure-logo{
	display: block;
	margin:0 auto;
	max-height: 50%;
	max-width: 100%;
	text-align: center;
}

@media (min-width:980px){
	.pure-visible-phone{display:none}
	.pure-visible-tablet{display:none}
	.pure-hidden-desktop{display:none}
}
@media (max-width:767px){
	.pure-hidden-phone{display:none}
	.pure-visible-desktop{display:none}
}
@media (min-width:768px) and (max-width:979px){
	.pure-hidden-tablet{display:none}
	.pure-visible-desktop{display:none}
}