/*
Theme Name: FI-Forum 2018
Theme URI: http://www.studio-zukunft.de
Description: Template zum Aufbau einer responsiven Event-Website
Author: Thomas Fiedler
Author URI: http://www.studio-zukunft.de
Version: 1.1
*/


/* Basic Structure */

html {
	overflow: -moz-scrollbars-vertical;
}

body {
    background-image: url(images/fif18_pearls.jpg);
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
    font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4em;
}

body.page_7 {
	
}

.page_483 p:first-child {
	display: none;
}

.wrapper {
	position: relative;
	height: auto;
	margin: 0 auto;
}

.wrapper.herocontainer {
	margin: 0 auto 0 auto;
}

#header {
	position: relative;
	width: 100%;
	z-index: 5;
	height: 142px;
}

#logo {
	position: absolute;
	width: 218px;
	height: 83px;
	margin: 26px 0 0 0;
}

#logo img {
	width: 100%;
	height: 100%;
}

#content {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-image: url(images/back_inner_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0 0 200px 0;
	background-color: #fff;
}

#heroback {
	position: relative;
	width: 100%;
	min-height: 500px;
	background-image: url(images/fif18_pearls_ohne_helix.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#content.home {
	padding: 0;
	background-color: transparent;
	background-image: none;
}

#content.home .box {
	float: left;
	width: 33.33333%;
	cursor: pointer;
	-webkit-transition: opacity 0.4s ease-in-out;
  	-moz-transition: opacity 0.4s ease-in-out;
  	-o-transition: opacity 0.4s ease-in-out;
  	transition: opacity 0.4s ease-in-out;
  	display: table;
}

#content.home .box:hover {
	opacity: 0.5;
}

#content.home .box a {
	display: block;
	width: 100%;
	height: 100%;
	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
  	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
  	font-weight: bold;
  	font-style: italic;
  	color: #fff;
  	font-size: 2.4em;
  	text-transform: uppercase;
}

.box.eins {
	background-image: url(images/back_startbox_1.jpg);
	background-size: cover;
}

.box.zwei {
	background-image: url(images/back_startbox_2.jpg);
	background-size: cover;
}

.box.drei {
	background-image: url(images/back_startbox_3.jpg);
	background-size: cover;
}

#inner {
	padding: 2em 12% 6em 12%;
	font-size: 1.2em;
	line-height: 1.4em;
}

#inner .article {
	position: relative;
	margin: 2em 0 4em 0;
	padding: 0 0 2em 0;
}

#inner .article:after{
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 0;
    left: 40%;
    border-bottom: 1px solid #cf83e6;
}

#inner .article img {
	width: 100%;
	height: auto;
}

#inner .article h2 {
	display: table; 
	text-transform: uppercase;
	color: #fff;
	background-image: url(images/back_tweets.jpg);
	background-size: cover;
	font-size: 1.35em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 5px 20px 5px 20px;
	
}

#inner .article h3 {
	display: table; 
	text-transform: uppercase;
	color: #fff;
	background-image: url(images/back_tweets.jpg);
	background-size: cover;
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 3px 20px 3px 20px;
	letter-spacing: 0.02em;
}




#content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#tweetbox {
	position: relative;
	z-index: 20;
	background-image: url(images/back_tweets.jpg);
	background-size: cover;
}

#tweetbox h5 {
	background-image: url(images/tweetie.png);
	background-repeat: no-repeat;
	background-position: 2px 39px;
	padding: 34px 0 0 34px;
	background-size: 24px 24px;
	margin: auto 0 auto 30px;
}

.twitter .widgettitle {

}

.twitter.fi h2.widgettitle {
	text-align: left;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 0 0 0 3%;
	margin-bottom: 10px;
}

.twitter.symbioticon h2.widgettitle {
	text-align: left;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 0 0 0 8%;
	margin-bottom: 10px;
}

.twitter.fi {
	float: left;
	width: 66%;
	margin: auto auto auto 1%;
}

.twitter.symbioticon {
	float: left;
	width: 33%;
}

.twitter.fi .oauth-twitter-tweet {
	float: left;
	width: 46%;
	padding: 0 0 5% 3%;
	margin: 0;
	list-style-type: none !important;
	color: #fff;
	font-size: 1.1em;
}

.twitter.symbioticon .oauth-twitter-tweet {
	float: left;
	width: 84%;
	padding: 0 8% 5% 8%;
	margin: 0;
	list-style-type: none !important;
	color: #fff;
	font-size: 1.1em;
}

.oauth-twitter-tweet:nth-child(3) {
	padding: 3% 4% 3% 4%;
}

#widget_home_startseitenbox .oauth-twitter-tweet {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none !important;
	color: #000;
}






#content .accordion {
	margin: 2em 0 2em 0;
	border-top: 1px solid #000;
}

#content .accordion-content {
	padding: 0 0 18px 0;
	border-bottom: 1px solid #000;
}

#content .accordion-content:last-child {
	margin: 0 0 12px 0;
}

#content .accordion-title {
	display: block;
	background-image: url(images/accordeon_open.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 13px 13px;
	padding: 10px 40px 10px 0;
	cursor: pointer;
	font-weight: 500;
	border-bottom: 1px solid #000;
}

#content .accordion-title:focus, #content .accordion-title:focus{
    outline: none;
}

#content .accordion-title.open {
	background-image: url(images/accordeon_close.png);
	border-bottom: none;
}

#content .accordeon_headline.open .hide {
	display: none;
}

#content .small {
	display: block;
	width: 70%;
	font-size: 0.8em;
	margin: 12px 0 0 0;
	line-height: 1.3em;
}

#content a {
	text-decoration: none;
  	-webkit-transition: opacity 0.4s ease-in-out;
  	-moz-transition: opacity 0.4s ease-in-out;
  	-o-transition: opacity 0.4s ease-in-out;
  	transition: opacity 0.4s ease-in-out;
  	color: #cf83e6;
}

#content a:hover {
	opacity: 0.5;
}

#content blockquote {
	font-size: 1.2em;
	margin: 50px 50px 40px 50px;
	font-style: italic;
	line-height: 140%;
}

#content img.medienpartner {
	width: 70%;
	height: auto;
}

#inner.page_106 .accordion-title {
	color: #fff;
	background-color: #000;
}

.filter {
	font-size: 0.9em;
}

select.referentenselect {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
	width: 100%;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #d080e8;
  color: #000;
  font-size: 1.1em;
outline: none;

  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  cursor: pointer;
}

    select.referentenselect::-ms-expand {
      display: none;
    }
    
    select.referentenselect option {
      color: #000;
    }
    
        select.referentenselect:focus::-ms-value {
      background-color: transparent;
    }

.select-wrapper {
      width: 300px;
      margin: 56px auto 56px auto;
}



#content .referenten	{
	position: relative;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;;
	border-bottom: 1px solid #d3cfe6;
}

#content .referenten.open	{
	background-color: #fdedfc;
}

#content .referenten .switcher	{
	position: absolute;
	display: none;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	background-image: url(images/arrow_down2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#content .referenten.open .switcher	{
	background-image: url(images/arrow_up2.png);
}

#content .referenten .topper	{
	position: relative;
	width: 100%;
}

#content .referenten .topper img	{
	float: left;
	margin: 0 20px 0 0;
	width: 210px;
	height: auto;
}

#content .referenten .topper h4, #content .referenten .topper h5	{
	display: table; 
	text-transform: uppercase;
	color: #fff;
	background-image: url(images/back_tweets.jpg);
	background-size: cover;
	
}

#content .referenten .topper h4	{
	font-size: 1.35em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 5px 20px 5px 20px;
}

#content .referenten .topper h5	{
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 3px 20px 3px 20px;
	letter-spacing: 0.02em;
}

#content .referenten .content_more	{
	position: relative;	
	padding: 10px 20px 5px 20px;
	font-size: 0.9em;
}

#content .referenten .content_more .vortragstext ul li {
	margin: 0 0 1em 1em;
}

#content .referenten .vita	{
	position: relative;
	display: none;
	width: 100%;
	float: none;
	padding-top: 22px;
}

#content #getting-started {
	position: relative;
	display: table; 
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	text-align: center;
	font-size: 1.8em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	background-image: url(images/back_countdown.jpg);
	background-size: cover;
	margin: 30px auto 40px auto;
	padding: 0.35em 0.7em 0.35em 0.7em;
}












	



/* Typo */

strong {
	font-weight: 700;
}

a {
	text-decoration: none;
  	-webkit-transition: opacity 0.4s ease-in-out;
  	-moz-transition: opacity 0.4s ease-in-out;
  	-o-transition: opacity 0.4s ease-in-out;
  	transition: opacity 0.4s ease-in-out;
}

a:hover {
	opacity: 0.5;
}

h1 {
	position: relative;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	text-align: center;
	font-size: 2.8em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;
	margin: 0.2em 0 0.8em 0;
	padding: 0 0 0.5em 0;
}

h1:after{
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 0;
    left: 40%;
    border-bottom: 1px solid #cf83e6;
}

h2 {
	position: relative;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	text-align: center;
	font-size: 1.8em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;
	margin: 0.8em 0 0 0;
	padding: 0 0 0.5em 0;
}

h3	{
	font-weight: 700;
}

h5 {
	position: relative;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0 2%;
	padding: 20px 0 0 0;
	color: #fff;
}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 65%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

#content p {
	margin: 0 0 1em 0;
}

#content ul li {
	margin: 0 0 2em 1.4em;
	list-style-type: disc;
}



/* Navigation */

#navi {
	float: right;
	margin-top: 36px;
}

#navi ul {

}

#navi ul li {
	float: left;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	margin: 0 0 0 2.6em;
	font-size: 1.5em;
	padding: 0 0 1em 0;
	cursor: pointer;
}

#navi ul li a {
	color: #fff;
}

#navi ul li.current-menu-item a {
	text-decoration: underline;
}

#navi ul li ul.sub-menu {
	display: none;
	position: absolute;
	border-radius: 5px;
	background-color: #000;
	margin: 15px 0 0 0;
}

#navi ul li ul.sub-menu li {
	float: none;
	margin: 0;
	font-size: 0.72em;
	padding: 0.4em 0.6em 0.4em 0.6em;	
}

#navi ul li ul.sub-menu li a {
	text-decoration: none;
}

#navi ul li ul.sub-menu li.current-menu-item a {
	text-decoration: underline;
}

#navi ul li:hover ul.sub-menu {
	display: block;
}

button.hamburger {
	position: absolute;
	display: none;
	z-index: 7;
	right: 16px;
	top: 16px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 0;
}

#navilayer_mobil {
	position: absolute;
	display: none;
	width: calc(100% - 64px);
	padding: 180px 32px 0 32px;
	background-image: url(images/fif18_pearls_ohne_helix.jpg);
    background-size: cover;
    background-position: right top;
	z-index: 5;
	color: #fff;
}

#navilayer_mobil ul {
	position: relative;
}

#navilayer_mobil ul li {
	position: relative;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	text-align: center;
	font-size: 1.8em;
	text-transform: uppercase;
	line-height: 1.45em;
	font-weight: bold;
	font-style: italic;	
	margin: 0 0 0.7em 0;
	cursor: pointer;
}

#navilayer_mobil ul li a {
	color: #fff;	
}

#navilayer_mobil ul li ul.sub-menu {
	display: none;
}

#navilayer_mobil ul li ul.sub-menu li {
	margin: 0;
	font-size: 0.70em;
	padding: 0.2em 0.6em 0.2em 0.6em;	
}

#navilayer_mobil ul li ul.sub-menu li a {
	display: block;
 }




/* Hero */

#hero {
	position: relative;
	width: 100%;
    z-index: 4;
    top: 0;
	overflow: hidden;
}

#hero img {
	width: 100%;
	height: auto;
}
#hero_off video {
	position: absolute;
	display: block;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -45%); /* % of current element */
    height: 100%;
    width: 100vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 100vw; /* 100 * 9 / 16 */
}
.flickity-prev-next-button {
	background: transparent;
	border-radius: 0px;
	height: 31px;
	width: 9px;
}

.flickity-prev-next-button:hover {
  	background: transparent;
  	opacity: 0.5;
}

.flickity-prev-next-button .arrow {
  	display: none;
}

.flickity-prev-next-button.previous {
  	background-image: url(images/prev.png);
  	background-size: 9px 31px;
  	background-repeat: no-repeat;
  	background-position: right center;
}
.flickity-prev-next-button.next {
  	background-image: url(images/next.png);
  	background-size: 9px 31px;
  	background-repeat: no-repeat;
  	background-position: left center;
}

.floatbox {
	position: relative;
	float: left;
	background-color: #fff;
	padding: 0;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
  	color: #000;
  	font-size: 1.2em;
	line-height: 1.4em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.floatbox .contain {
	position: relative;
	width: calc(100% - 46px);
	padding: 23px;
}

.floatbox h4 {
	font-weight: bold;
  	font-style: italic;
  	color: #000;
  	font-size: 1.7em;
  	text-transform: uppercase;
  	line-height: 1.4em;
	margin: 0 0 0.4em 0; 
}

.floatbox.two {
	width: 38%;
	margin: 12% 0 0 0;
}

.floatbox.three {
	width: 34%;
	margin: 10% 0 0 4%;
}

.floatbox.four {
	width: 62%;
	margin: 2% 0 2% 0;
	/* background-image: url(https://www.studiolog.de/fi-forum2018_v2/wp-content/themes/fi-forum-2018/images/03_sym18_main_stage.jpg); */
	/* background-size: cover; */
	color: #fff !important;
}

.floatbox.four h4 {
	color: #fff !important;
}

.floatbox.five {
	float: right; 
	width: 32%;
	margin: -25% 0 120px 0;
}

.floatbox.five_neu {
	float: left; 
	width: 32%;
	margin: 5% 10% 120px 0;
}

.floatbox.six {
	width: 58%;
	margin: 2% 0 0 4%;
	color: #fff !important;
}

.floatbox.six h4 {
	color: #fff !important;
}

.floatbox.six_neu {
	float: left;
	width: 58%;
	margin: 4% 4% 0 0;
	color: #fff !important;
}

.floatbox.six_neu h4 {
	color: #fff !important;
}

.floatbox.six_neu.danke {
	float: left;
	width: 100%;
	margin: 4% 0 0 0;
	color: #fff !important;
}

.floatbox.six_neu.danke h4 {
	color: #fff !important;
}

.floatbox.seven {
	float: left; 
	width: 32%;
	margin: 4% 0 190px 0;
}

.floatbox.eight {
	width: 56%;
	margin: 10% 0 190px 0;
	/* background-image: url(https://www.studiolog.de/fi-forum2018_v2/wp-content/themes/fi-forum-2018/images/03_sym18_main_stage.jpg); */
	/* background-size: cover; */
	color: #fff !important;
}

.floatbox.nine {
	float: right;
	width: 40%;
	margin: -10% 0 190px 4%;
	color: #fff !important;
}

.floatbox.ten {
	width: 26%;
	margin: 12% 0 0 4%;
}

.floatbox.eleven {
	width: 38%;
	margin: -5% 0 0 4%;
}

.floatbox.eleven_neu {
	float: right;
	width: 38%;
	margin: -25% 0 0 4%;
}

.floatbox.twelve {
	width: 58%;
	margin: 2% 0 0 4%;
	color: #fff !important;
}

.floatbox.thirteen {
	width: 32%;
	margin: 6% 0 0 4%;
}

.floatbox.fourteen {
	width: calc(100% - 32px);
	margin: 2% 0 2% 0;
	padding-top: 16%;
}

.floatbox.fourteen .contain { 
	width: 72%;
	padding-right: calc(28% - 23px); 
}

.floatbox.nine h4 {
	color: #fff !important;
}

.floatbox img {
	display: block;
}

.floatbox .referentenslider, .floatbox .bilderslider {
	position: relative;
	width: 100%;
}

.floatbox .referentenslider img, .floatbox .bilderslider img {
	width: 100%;
}

.floatbox .messestandslider {
	position: relative;
	width: 100%;
	padding-bottom: 30px;
	text-align: center;
}



/* position dots in carousel */
.flickity-page-dots {
  bottom: 10px;
}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid black;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: black;
}



.button_example, input.feup-pure-button, input[type="submit"] {
	padding: 8px 24px 8px 24px;
	text-decoration: none;
	display: inline-block;
	color: #FFFFFF;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	margin: 12px 0 4px 0;
	text-transform: uppercase;
 	background-image: url(images/back_tweets.jpg);
	background-size: 236px 73px;
	background-position: right top;
	border: 0 !important;
}

input.feup-pure-button {
	padding: 12px 34px 12px 34px;
}










/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery-item {
  float: left;
  margin: 0 0 2% 3%;
  width: 28% !important;
  height: auto;
  border: 0;
}

.gallery-item a img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-filter 0.2s ease-in;
  transition: -webkit-filter 0.2s ease-in;
  transition: filter 0.2s ease-in;
  transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
  -webkit-filter: opacity(60%);
          filter: opacity(60%);
}

.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0;
}








/* Footer */

#footer {
	position: relative;
	width: calc(100% - 60px);
	padding: 30px 30px 60px 30px;
	background-image: url(images/verlauf_footer.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
}

#footer #subnavi {
	position: relative;
	float: left;
}

#footer #subnavi ul {

}

#footer #subnavi ul li {

}

#footer #subnavi ul li a {
	display: block;
	font-family: 'Sparkasse Web', Helvetica, Arial,sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	text-transform: uppercase;
}

#footer #icons_socialmedia ul li {
	float: left;
	margin: 0 10px 0 0;
}

#footer #icons_socialmedia {
	position: absolute;
	left: 30px;
	top: 112px;
}

#footer #icons_socialmedia img {
	width: 20px;
	height: 20px;
}

#footer #kachel_fi {
	position: relative;
	float: right;
	width: 58px;
	height: 58px;
}

#footer #kachel_fi img {
	width: 100%;
	height: auto;
}

#footer #bottomfooter {
	width: 100%;
	font-size: 1em;
	color: #fff;
	text-align: right;
	padding: 2em 0 0 0;
}






/* Helper */

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}



/* Mediaqueries */

@media (max-aspect-ratio: 1/1) {
	#hero_off video {
    	transform: translate(-50%, -50%);
  	}
}
@media all and (min-width: 100px) and (max-width: 700px) {

body {
	background: url(images/fif18_pearls_quad.jpg) repeat-y top center fixed;
}

#wrapper {
	width: 100%;
}

#logo {
	width: 180px;
	height: 69px;
	margin: 26px 0 0 30px;
}

#navi {
	display: none;
}

button.hamburger {
	display: block;
}

#content.home .box {
	float: none;
	width: 100%;
}

.floatbox {
	float: none;
	width: 100% !important;
	margin: 0 0 4% 0;
}

.floatbox.one {
	display: none;
}


.floatbox.two, .floatbox.three, .floatbox.four, .floatbox.six, .floatbox.five, .floatbox.eight, .floatbox.ten, .floatbox.eleven, .floatbox.five_neu, .floatbox.six_neu, .floatbox.six_neu.danke,.floatbox.eleven_neu, .floatbox.twelve, .floatbox.thirteen, .floatbox.fourteen {
	margin: 0 0 4% 0 !important;
}

.floatbox.fourteen .contain { 
	width: calc(100% - 32px);
	padding-right: 0; 
}

.floatbox.seven {
	margin-bottom: calc(4% + 62px);
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.twitter.fi {
	float: none;
	width: 100%;
	margin: auto;
}

.twitter.symbioticon {
	float: none;
	width: 100%;
}

#content {
	background-size: auto 74px;
}

h1 {
	font-size: 1.8em;
}

}


@media all and (min-width: 375px) and (max-width: 1023px) {

#wrapper {
	width: 100%;
}

#logo {
	margin: 26px 0 0 30px;
}

#navi {
	display: none;
}

button.hamburger {
	display: block;
}

#content.home .box {
	height: 200px;
}

#content.home .box a {
	font-size: 2em;
}

#content {
	background-size: auto 174px;
}

}


@media all and (min-width: 1024px) and (max-width: 1579px) {

.wrapper {
	width: 1000px;
}

#content.home .box {
	height: 200px;
}

#content {
	background-size: 1000px 174px;
}

}


@media all and (min-width: 1580px) {

.wrapper {
	width: 1150px;
}

#content.home .box {
	height: 200px;
}

#content {
	background-size: 1150px 200px;
}

}