@charset "UTF-8";
/* CSS Document */


/* Page Style */
body
{
}

#button {
	max-width: 300px;
  margin: 0px auto;
  text-decoration: none;
  background-color: rgba(0,0,0,1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	}

.white {
	background-color: rgba(255,255,255,.95);
	padding: 10px;
	margin-bottom: 30px;
	
	}
	
.indent {
	/*text-indent: 40px;*/
	text-align: center;
}

#bg {
  position: fixed; 
/*  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -100;*/
}
#bg img {
	    background-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/whirlpool.png);
    background-position-x: initial;
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
.red {
	background-color:rgba(255,0,0,.5);
	}

.blue {
	background-color:rgba(0,0,255,.5);
	}

.placemeat {
	height: 500px;
	}

.splash {
	max-width: 450px;
    width: 100%;
    padding-top: 10em;
	padding-bottom: 10em;
    margin: auto;
}

a {
	border:0;
}

img {
	text-decoration: none;
}


a:link {
    color: #ef4141;
	text-decoration: none;
}

a:visited {
    color: #ef4141;
	text-decoration: none;
}


a:hover {
    color: #ef4141;
	text-decoration: none;
}

a:active {
    color: #ef4141;
	text-decoration: underline;
}

#menubutton {
	color: #ef4141;
	text-decoration:none;
	font-family: Helvetica, sans-serif;
	text-align:center;
}

.block {
	width:100%;
	display:block;
	text-align:center;
	padding-top: 50px;
}

/* Typography */

h1, h2, h3, h4, h5 {
font-family: 'BioRhyme', sans-serif;

}

h1 {text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.5em;
}

p {
	font-family: 'Roboto', serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.026em;
	word-spacing: 0em;
	line-height: 1.6;
	}

h2 {
font-style: normal;
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
line-height: 2em;
}

h3 {
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 1.5em;
letter-spacing: 0.026em;
text-align: center;

}

h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7em;
	letter-spacing: .05em;}

h5 {
font-style: normal;
font-weight: 700;
font-size: 12px;
text-transform: none;
text-decoration: none;
letter-spacing: .1em;
line-height: 3em;
text-align: center;
color: #ef4141;
}

.grow { 
	transition: all .1s ease-in-out; }

.grow:hover { transform: scale(1.06); }

/* ================================ */
/* ! Layout for pre mobile version  */
/* ================================ */
@media screen and (max-width: 900px) {

.footer p {

	font-size: 12px;
	letter-spacing: 0.026em;
	word-spacing: 0em;
	line-height: 1.6;
	}


}