@import url(https://fonts.googleapis.com/css?family=Bevan|Yeseva+One);
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
object,
embed {
  max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
/*select, input, textarea {font: 99% sans-serif;}*/
table {
  font-size: inherit;
  font: 100%;
}
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
  font: 1em Helmet, Freesans, sans-serif;
}
/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
body,
select,
input,
textarea {
  color: #333;
}
a {
  color: #03f;
}
a:hover {
  color: #69f;
}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}
/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fcd700;
}
ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* Print styles!
-------------------------------------------------------------------------------*/
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
/* NOTE @imports must be FIRST so I'll just import reset.less here. */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fontdefaults {
  font-weight: bold;
  font-style: normal;
}
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
  font-family: "Savia Shadow";
  src: url("/styles/fonts/savia_shadow.eot?");
  src: url("/styles/fonts/savia_shadow.woff") format("woff"), url("/styles/fonts/savia_shadow.ttf") format("truetype"), url("/styles/fonts/savia_shadow.svg#SaviaShadow//ANTIPIXEL.COM.AR") format("svg");
  font-weight: bold;
  font-style: normal;
}
em {
  font-style: italic;
}
body {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.2em;
  color: #666666;
}
a:link {
  color: #d1492e;
}
a:visited,
a:hover {
  color: #da6d58;
}
a:hover {
  text-decoration: none;
}
a:active {
  color: #9E3823;
}
h2 {
  font-size: 1.2em;
}
header {
  background: #d1492e;
  background-image: url(/images/wavyline.png);
  background-repeat: repeat-x;
  background-position: left bottom;
}
header .sitetitle {
  font-family: "Savia Shadow", "Segoe WP", sans-serif;
  color: #FFFFFF;
  line-height: 1em;
  font-size: 5em;
  font-weight: lighter;
}
header h2 {
  font-family: "Bevan", Serif;
  font-weight: 400;
  margin: 0 0 30px 0;
  color: #333333;
}
header .headertext {
  float: left;
  margin: 10px 0 0 3%;
  text-align: center;
}
#likes {
  float: right;
  list-style: none outside none;
  margin: 22px 0;
}
#likes li {
  height: 35px;
}
/*.googleplus-one {
	margin-top: 4px;
}*/
/*#menuspacer
{
	margin: 80px 0;
}*/
nav {
  margin: 0 0 20px 3%;
  /* fudged over to line up with graphic below*/
  float: left;
}
nav ul#nav li {
  float: left;
  list-style: none;
  margin-right: 0.4em;
  font-size: 2.3em;
  font-family: 'Savia Shadow', Arial, Sans-Serif;
  padding: 10px;
}
nav ul#nav li a {
  color: Black;
  text-decoration: none;
  float: left;
}
nav ul#nav li a:hover {
  color: #FFFFFF;
}
nav ul#nav li:nth-child(odd) a:hover {
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  -webkit-transition: All .5s ease;
  transition: All .5s ease;
  -moz-transform: rotate(-10deg) scale(1.2);
  -ms-transform: rotate(-10deg) scale(1.2);
  -o-transform: rotate(-10deg) scale(1.2);
  -webkit-transform: rotate(-10deg) scale(1.2);
  transform: rotate(-10deg) scale(1.2);
}
nav ul#nav li:nth-child(even) a:hover {
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  -webkit-transition: All .5s ease;
  transition: All .5s ease;
  -moz-transform: rotate(10deg) scale(1.2);
  -ms-transform: rotate(10deg) scale(1.2);
  -o-transform: rotate(10deg) scale(1.2);
  -webkit-transform: rotate(10deg) scale(1.2);
  transform: rotate(10deg) scale(1.2);
}
/* clearfix */
.group:after {
  content: "";
  display: table;
  clear: both;
}
#pres-wrapper {
  width: 100%;
  float: left;
  background-color: #f0f0e5;
  background-image: url(/images/wavyline2.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0 0 5px 0;
}
#presentation {
  width: 90%;
  /* 10% margin */
  margin: 0 auto;
  /* push it over to the middle */
  padding: 5% 0 0 0;
}
#presentation #div1 {
  float: left;
  width: 42%;
  min-width: 280px;
  padding-right: 3%;
}
#presentation #div2 {
  float: left;
  width: 55%;
  min-width: 280px;
}
#presentation #div2 img {
  width: 100%;
}
#presentation h1 {
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  color: #d1492e;
  font-size: 4em;
  font-weight: lighter;
  line-height: .7em;
}
#presentation p {
  font-family: Bevan, Sans-Serif;
  margin: 6% 0 0 0;
  color: #587077;
}
#presentation p:first-of-type {
  padding: 20px 0 0 0;
}
#presentation #buttondiv {
  margin: 10% 0 10% 0;
  /*text-align: center;*/
}
.highlight {
  color: #fc1318;
}
.joinbutton {
  clear: both;
  text-decoration: none;
  box-shadow: inset -1px 1px 0 0 #5ee9f7;
  background: linear-gradient(#499fbf, #3d85a0, #53b4d8);
  border-radius: 13px;
  border: 1px solid #264753;
  display: inline-block;
  font-family: 'Bevan', Sans-Serif;
  font-size: 15px;
  padding: 11px 18px;
}
.joinbutton:hover {
  background: linear-gradient(#499fbf, #53b4d8, #3d85a0);
}
.joinbutton:active {
  position: relative;
  top: 1px;
}
a.joinbutton:link,
a.joinbutton:visited {
  /*color: @fc-cream;*/
  color: #f0f0e5;
}
footer {
  width: 100%;
  background-color: #12252c;
  height: 250px;
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  font-size: 3em;
  color: #d1492e;
  line-height: 1em;
  text-align: center;
}
footer a:link,
footer a:visited {
  text-decoration: none;
}
footer #social {
  padding: 20px 0 0 0;
  width: 50%;
  float: left;
}
footer #share {
  padding: 20px 0 0 0;
  width: 50%;
  float: right;
}
footer #Switcher_button {
  display: none;
}
footer #Switcher_button.clicked {
  display: inline;
}
#contact {
  width: 100%;
  float: left;
  background-color: #f9f9f3;
  background-image: url(/images/wavyline4.png);
  background-repeat: repeat-x;
  background-position: left bottom;
}
#contactemail {
  max-width: 600px;
}
#contactemail .jleft {
  float: left;
  clear: left;
}
#contactemail .jright {
  float: right;
}
#contactemail p {
  margin: 0;
}
#whowrapper {
  float: left;
  width: 70%;
  margin: 50px 15%;
  padding: 0 0 0 0;
}
#whopictures {
  float: left;
  margin: 0 3% 0 0;
}
.person p {
  font-size: .6em;
  line-height: 1em;
  margin: 0 0 2.5em 0;
  color: #9B9579;
}
.person p:first-of-type {
  color: Red;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 .5em 0;
}
.person span.plain {
  color: Black;
}
#who {
  float: left;
  width: 80%;
  border-style: solid;
  /* required for border-image in ff! */
  -moz-border-image: url("/images/border.png") 0 0 12 12 repeat;
  -o-border-image: url("/images/border.png") 0 0 12 12 repeat;
  -webkit-border-image: url("/images/border.png") 0 0 12 12 repeat;
  border-image: url("/images/border.png") 0 0 12 12 repeat;
  border-width: 0 0 12px 12px;
}
#who p {
  margin: 0 0 2em 15%;
  line-height: 1.8em;
  font-size: .8em;
  color: #9B9579;
}
#who p:first-of-type {
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  color: #d1492e;
  font-size: 2.5em;
  margin: 0 0 0 2%;
  line-height: 1em;
}
/*General content pages (Join, FAQ, Contact) */
.general h1 {
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  font-size: 3em;
  line-height: 1em;
  color: #587077;
}
.dimred {
  color: #c29d96;
}
.fc-orange {
  color: #d1492e;
}
.maincontent {
  padding: 90px 0 0 0;
  width: 60%;
  margin: 0 auto;
}
.general h2 {
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  font-size: 3em;
  line-height: 1em;
  color: #587077;
}
.general h3 {
  font-size: 1em;
  line-height: .5em;
  color: #d1492e;
}
.general h4 {
  margin: 40px 0 0 0;
  color: #587077;
}
.general p,
.general li {
  font-size: .8em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}
.general li {
  margin: 0 0 0 20px;
}
.general li li {
  font-size: 1em;
  /*stop nested shrinkage*/
}
.general img {
  margin: 25px 0;
}
.sub-banner-wrapper {
  width: 100%;
  background-color: #f0f0e5;
  background-image: url(/images/wavyline3.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0 0 5px 0;
  clear: left;
}
.sub-banner-wrapper h1 {
  margin: 0 0 0 20%;
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  color: #587077;
  padding: 0.5em 0;
}
.content-wrapper {
  width: 100%;
  background-color: #f9f9f3;
  background-image: url(/images/wavyline4.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0 0 90px 0;
  clear: left;
}
#teamwrap {
  width: 100%;
  float: left;
  background-color: #e2e3da;
  background-image: url(/images/wavyline3.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  overflow: hidden;
}
#team {
  position: relative;
  width: 80%;
  min-width: 300px;
  margin: 40px auto;
  font-size: 1em;
}
#team h2,
#team h3 {
  font-family: "Savia Shadow", "Segoe WP", Sans-Serif;
  font-weight: lighter;
  line-height: .2em;
  white-space: nowrap;
}
#team h2 {
  font-size: 2.5em;
  color: #d1492e;
}
#team h3 {
  color: #587077;
  font-size: 2em;
}
@media only screen and (max-width: 800px) {
  #team h2,
  #team h3 {
    font-size: 1em;
    font-family: Tahoma, Sans-Serif;
  }
}
.clouds {
  position: absolute;
}
#footwear {
  top: 14%;
  left: 3%;
}
#hotstuff {
  top: 63%;
  left: 5%;
}
#macho {
  top: 82%;
  left: 25%;
}
#sexey {
  top: 76%;
  left: 70%;
}
#sauce {
  top: 46%;
  left: 79%;
}
#super {
  top: 13%;
  left: 78%;
}
#twins {
  position: absolute;
  width: 13%;
  top: 27%;
  left: 22%;
}
#textAbout p {
  position: absolute;
  font-size: .6em;
  line-height: 1.8em;
  top: 18%;
  left: 38%;
  width: 36%;
  height: 45%;
  overflow: auto;
}
#textAbout h2 {
  position: absolute;
  top: 10%;
  left: 40%;
}
#aboutbg {
  width: 100%;
}
#map {
  width: 100%;
}
.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
#head-wrap {
  width: 100%;
  font-size: .8em;
  margin-top: 60px;
}
#head-wrap .col {
  padding: 1%;
  margin: 0 1% 30px;
  float: left;
  width: 31.3%;
  height: 110px;
  border-radius: 8px;
  box-shadow: 4px 4px 4px #888;
  background-color: #CCCCCC;
}
#head-wrap .colLabel {
  float: left;
  margin-right: 8px;
  clear: left;
}
#head-wrap .col-left {
  clear: left;
}
#head-wrap .row {
  height: 33%;
}
#head-wrap .searchbox,
#head-wrap #categoryList,
#head-wrap .chosen-container {
  width: 97%;
  margin: 0 0 0 1.5%;
}
#head-wrap #ClearButton {
  float: right;
}
#head-wrap input[type="checkbox"] {
  vertical-align: text-top;
}
#head-wrap #regionList,
#head-wrap #regionList_chosen {
  width: 75%;
}
.chosen-container-multi .chosen-choices .search-field input,
.chosen-container-single .chosen-single {
  height: auto !important;
}
.cp-spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  display: inline-block;
}
.cp-flip {
  transform-style: preserve-3d;
  perspective: 10em;
}
.cp-flip:before {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: #d1492e;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  animation: cp-flip-animate-before 2s linear infinite;
}
@keyframes cp-flip-animate-before {
  0% {
    transform: rotateY(0) rotateX(0);
  }
  25% {
    transform: rotateY(360deg) rotateX(0);
  }
  50% {
    transform: rotateY(360deg) rotateX(360deg);
  }
  75% {
    transform: rotateY(0) rotateX(360deg);
  }
  100% {
    transform: rotateY(0) rotateX(0);
  }
}
#FilterButton,
#ClearButton {
  margin: 0 1.5%;
}
#fc {
  margin-top: 30px;
}
#fc .ratings {
  position: relative;
  white-space: nowrap;
  top: 0;
  margin-left: 5px;
}
#fc .logo {
  width: 100%;
  padding-bottom: 100%;
  /* background-image inserted via code so we can use the IE8 hack */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 0 10px 0;
  -moz-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  -webkit-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
}
#fc .logo:hover {
  position: relative;
  box-shadow: 3px 3px 3px #888;
  cursor: pointer;
  -moz-transform: scale3D(0.95, 0.95, 1);
  -ms-transform: scale3D(0.95, 0.95, 1);
  -o-transform: scale3D(0.95, 0.95, 1);
  -webkit-transform: scale3D(0.95, 0.95, 1);
  transform: scale3D(0.95, 0.95, 1);
}
.noReviews:hover {
  cursor: not-allowed;
  top: 0;
  left: 0;
  box-shadow: none;
}
.gallerylink {
  /* font-weight: bold; */
  color: #d1492e;
  font-size: 1.3em;
  font-family: Yeseva One;
}
.gallerylink a {
  color: #d1492e;
}
.gallerylink a:visited {
  color: #DC7661;
}
p {
  line-height: 1.5em;
}
.desc,
.contactdiv,
.name,
p {
  margin: 10px 5%;
}
.slurldiv {
  padding: 10px 0 10px 0;
  text-align: center;
}
.slurldiv a {
  margin: 0 5px;
}
#fc-wrapper {
  width: 100%;
  float: left;
  background-color: #f9f9f3;
  background-image: url(/images/wavyline4.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0 5% 50px 5%;
  color: #333333;
}
.fc-item {
  float: left;
  width: 27.3%;
  font-size: .8em;
  margin: 3% 3%;
}
.fc-item:nth-of-type(3n + 1) {
  clear: left;
}
.fc-item-inner {
  background-color: #CCCCCC;
  margin: 0;
  box-shadow: 5px 5px 5px #888;
}
.slurl,
.marketplace {
  border-radius: 5px;
  display: inline-block;
  font-family: arial, Sans-Serif;
  font-size: 12px;
  padding: 2px 20px;
  text-decoration: none;
}
.slurl:hover,
.marketplace:hover {
  color: #E6E2BB;
}
.slurl:active,
.marketplace:active {
  position: relative;
  top: 1px;
}
.slurl {
  background-color: #d1492e;
  border: 1px solid #d1492e;
  box-shadow: inset 0 1px 0 0 #db9b8f;
}
.slurl:hover {
  background: linear-gradient(#cb7462, #cb7462, #d1492e);
}
.marketplace {
  background-color: #65c3a5;
  border: 1px solid #65c3a5;
  box-shadow: inset 0 1px 0 0 #b9dad0;
}
.marketplace:hover {
  background: linear-gradient(#92c4b4, #92c4b4, #65c3a5);
}
a.slurl:link,
a.slurl:active {
  color: #E6E2BB;
}
a.marketplace:link,
a.marketplace:active {
  color: #333333;
}
a.marketplace:visited {
  color: #4d4d4d;
}
.centering {
  text-align: center;
}
.starouter {
  display: inline-block;
}
.stardiv {
  float: left;
  overflow: hidden;
  /*position: relative;*/
  width: 96px;
  /* cropping rectangle, max width, adjusted by script */
  height: 18px;
  /* match scaled down height */
}
.stars {
  height: 18px;
  /* scale it down, proportionally */
}
/* make the jquery UI default button smaller */
.ui-dialog .ui-dialog-buttonpane button {
  font-size: .75em;
}
.reg_form p {
  margin: 0 0 .5em 0;
}
.reg_form input,
.reg_form select {
  margin: 0 0 1em 0;
  font-size: .8em;
  line-height: 1.5em;
}
.reg_form input[type="text"] {
  width: 200px;
}
.reg_form input[type="checkbox"] {
  margin-left: 20px;
  vertical-align: inherit;
}
#blogroll img {
  border: none;
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
#blogroll a {
  text-decoration: none;
  /*color: black;*/
}
#blogroll a:hover {
  text-decoration: underline;
}
#blogroll div {
  margin-bottom: 1em;
  white-space: nowrap;
  /* force one line */
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#blogroll div a {
  clear: both;
  margin-left: 26px;
  color: #666666;
}
#searchform {
  float: right;
  /*margin: 8px 2% 0 0;*/
  margin: 22px 2% 0 3%;
  font-size: .8em;
}
#gsearch {
  color: #808080;
  width: 200px;
}
.tinynav {
  display: none;
}
@media screen and (max-width: 480px) {
  .reg_form input[type="text"] {
    width: inherit;
  }
}
@media screen and (min-width: 960px) {
  html {
    font-size: 100%;
  }
}
@media screen and (min-width: 1152px) {
  html {
    font-size: 110%;
  }
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 120%;
  }
}
@media screen and (min-width: 1366px) {
  html {
    font-size: 130%;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 140%;
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 150%;
  }
}
@media screen and (min-width: 1366px) {
  #head-wrap .col {
    height: 130px;
  }
}
@media only screen and (max-width: 960px) {
  #head-wrap .col {
    width: 80%;
    margin: 0 auto 30px;
    max-width: 320px;
    float: none;
  }
  .fc-item {
    width: 44%;
  }
  .fc-item:nth-of-type(3n + 1) {
    clear: none;
  }
  .fc-item:nth-of-type(2n + 1) {
    clear: left;
  }
}
@media only screen and (max-width: 920px) {
  nav ul#nav li {
    font-family: Sans-Serif;
    font-size: 1.2em;
  }
  #searchform {
    float: left;
    clear: left;
    margin-top: 0;
  }
}
@media only screen and (max-width: 800px) {
  #presentation #div1,
  #presentation #div2 {
    width: 100%;
    margin: 0;
  }
  .person {
    display: inline-block;
  }
  #who {
    width: 100%;
    border-style: none;
  }
  #who p {
    margin: auto;
  }
  footer #Switcher_button {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .tinynav {
    display: block;
    font-size: 2em;
  }
  #nav {
    display: none;
  }
  nav {
    margin: 10px 0 20px 3%;
    clear: left;
  }
}
@media screen and (max-width: 640px) {
  #presentation h1 {
    font-family: Sans-Serif;
    font-size: 2em;
    line-height: 1em;
  }
  .fc-item {
    width: 94%;
    clear: left;
  }
}
@media only screen and (max-width: 479px) {
  header .headertext {
    float: none;
    margin-top: 0;
  }
  header .sitetitle {
    font-size: 4em;
  }
  .stardiv {
    float: none;
    /* make it center */
  }
  #gsearch {
    width: 150px;
  }
  #likes {
    float: none;
    clear: left;
    margin: 0 0 0 15px;
  }
  #likes li {
    float: left;
    margin-right: 15px;
  }
}