body{
   color: #fcf2de;
	font-size: 14px;
	background-color:#fff;
}


::selection {color:#fff;background:#f29c2d;}
::-moz-selection {color:#fff;background:#f29c2d;}


#filters {
}


.button {
  display: inline-block;
  margin:-.2em;
  text-align:center;
  background: #0bcae6;
  border: none;
  font-size:1em;
font-family:'Arial', sans-serif;
    letter-spacing:.2em;
  color:#671e79; background:#fff;
  -o-transition:color .5s ease-out, background .5s ease-in;
  -ms-transition:color .5s ease-out, background .5s ease-in;
  -moz-transition:color .5s ease-out, background .5s ease-in;
  -webkit-transition:color .5s ease-out, background .5s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background .5s ease-in;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline:none;
    padding-right:.7em;
	padding-left:.7em;
 
}

.button:hover {
  color:#d46a83; 
  background:#f6f45c;
	 cursor:pointer;
 
  }

.button:active,
.button.is-checked {
  background-color: #ce9fd1;
  

}

.button.is-checked {
  color: white;
}

.button:active {
}

/* hide radio inputs */
.button input[type="radio"] { display: none; }

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-right: 1px;
}

.button-group .button:first-child { 	 }
.button-group .button:last-child { 	}

/* ---- #content ---- */

#content .primary-content,
#footer .primary-content {
}

#content li {
  margin-bottom: 0.2em;
}

/* ---- top-banner ---- */

#top-banner {
  background: #ccc;
  padding: 0.1em 0;
  color: #222;
  
}

#top-banner h2 {
  margin-bottom: 0.4em;
}

#top-banner a {
  color: #06F;
  font-weight: 500;
}

#top-banner a:hover { color: #F06; }

/* ---- top nav bgcolor---- */

.top {
background: #fef8ed;
padding:0;
margin-left:-3em;
}


.topnav {
  display: inline-block;
  border: none;
  color: #e75992;
}



.topnav h1 {
  border: none;
  color: #897c54;
  font-size:1.5em;
  font-family: 'Open+Sans', sans-serif;
  margin:0 3em 0 9.3em;
  
}



.topnav p {
  letter-spacing:.08em;
  border: none;
  color: #b0a689;
  font-size:.8em;
 font-family: 'Open+Sans', sans-serif;
    margin-left:1em;
}


.topnav a {
  border: none;
  letter-spacing:.08em;
  color: #b0a689;
  font-size:.8em;
 font-family: 'Open+Sans', sans-serif;
    margin-left:1em;
  
}

.topnav a:hover {
  border: none;
  letter-spacing:.08em;
  color: #b0a689;
  font-size:.8em;
 font-family: 'Open+Sans', sans-serif;
    margin-left:1em;
}


.topnav:active,


.topnav:active {
}


/* ---- desktop media query ---- */

@media screen and ( min-width: 960px ) {
  .tagline {
    font-size: 1.8em;
  }
  


}