/**
 * @file
 * CSS.
 */
 
body,
html
{
	margin: 0;
	padding: 0;
	font-size: 24px;
	width: 100%;
	height: 100%;
	font-family: Montserrat, san-serif; 
}

a
{
	text-decoration: none!important;
	color: #a00!important;
}

img
{
	vertical-align: bottom;
	max-width: 100%;
}

#wrap
{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-around;
}

.stripe
{
	text-align: center;
	transition: font-size 0.5s;
	line-height: 1;
}

.stripe:first-child,
.stripe:last-child
{
	flex-grow: 1;
	padding: 1rem 0;
}


#logo
{
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
	font-size: 1.5rem;
}
#logo div:first-child
{
	flex-grow: 1;
}
#logo span
{
	color: #b00;
}



#ok
{
	text-align: center;
	display: flex;
}
#ok div:first-child,
#ok div:last-child
{
flex-grow: 1;
}
#ok div:last-child
{
background-color: #000;
}
#ok div:first-child
{
background-color: #a00;
text-align: left;

}



#info
{
font-family: Libre Baskerville, serif;
}
#info div:last-child
{
	color: #a00;
}
#info div:last-child a
{
	color: #000!important;
}
 

@media screen and (max-width: 1000px) {
  body,
  html 
  {
    font-size: 18px;
  }
}