/* LAYOUT [LARGE]
----------------------------------------------------------------------------------------*/
#wrapper {
  max-width: 100%;
  margin: 0 auto 4.5em;
  display: block;
}

footer {
  margin: 0 auto;
}

.navigation li a { font-size: 0.75em; }

#testimonials {
  margin: 4.5em auto;
  padding: 1.5em;
}

.testimonial_wrapper {
  width: 50%;
  background-color: #FFF;
  margin: 0 auto;
  display: block;
  padding: 1em;
}

#twitter_feed { display: block; }

a.logo {
  text-indent: -9999px;
  width: 500px;
  height: 120px;
  display: block;
  background-image: url(../../images/logo-purple.png);
  background-size: 500px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 1em auto;
  border-bottom: none;
}

#socialnetwork {
  width: 100%;
  margin: 0 auto;
  padding: 1.25em 0;
}


/* TYPOGRAPHY
----------------------------------------------------------------------------------------*/
p, ul, ol, dl, blockquote { font-size: 1.15em; }

h1 { font-size: 3em; }
h2 { font-size: 2.25em; }


/* COLUMNS
----------------------------------------------------------------------------------------*/
.row {
  clear: both;
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  display: block;
}

.row_large {
  clear: both;
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  display: block;
}
.row_large + .row_large {
  margin: 2.25rem auto;
}

.column {
  display: block;
  float: left;
  padding: 0 2.5%;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear:both;
}

.group {
  zoom: 1; /* For IE 6/7 */}

.column:first-child {
  margin-left: 0;
}

.column p + p {
  margin-top: 1em;
}

.span_33 {
  width: 33.3333%
}

.span_50 {
	width: 50%;
}


/* LAYOUT [MEDIUM]
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {

#wrapper {
  max-width: 100%;
  margin: 0 auto;
}

a.logo {
  text-indent: -9999px;
  width: 350px;
  height: 84px;
  display: block;
  background-image: url(../../images/logo-purple.png);
  background-size: 350px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 1em auto;
  border-bottom: none;
}

#testimonials {
  margin: 4.5em auto;
  padding: 1.5em;
}

.testimonial_wrapper {
  width: 80%;
  background-color: #FFF;
  margin: 0 auto;
  display: block;
  padding: 1em;
}

.column {
  width: 95%;
  float: none;
  margin: 1em auto;
  padding: 2% 2.5%;
}

.span_33 {
  width: 100%;
}

.span_50 {
  width: 100%;
}


/* TYPOGRAPHY
----------------------------------------------------------------------------------------*/
p, ul, ol, dl, blockquote { font-size: 1.10em; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.85em; }

}

@media screen and (max-width: 800px) {

  .flexslider .slides img {width: 80%; display: block; height: 100%;}

}