section#main-header {
  pointer-events: none;
  position:absolute;
  width:100%;
  text-align:center;
  font-family: 'Circular Web', sans-serif;
  top:23%;
  color:#232323;
  z-index: 1
}

section#main-header h3 { margin-top:20px;font-size: 38px;line-height: 1.3em;font-weight: 500; }

section#main-header span.red { color:#D92727; }
section#main-header span.period { font-size:65px;opacity:0.5; }
section#main-header .button { margin-top: 8vh; }

section#main-header #fourcs-container { width:80%;margin:0 auto; }
section#main-header #fourcs-container > div { margin:0 auto;background-size:contain; }
section#main-header #fourcs-container #desktop { padding-bottom:24.35%;background-image:url('/images/fourcs/horizontal.png'); }
section#main-header #fourcs-container #mobile { display:none;padding-bottom:97.3%;background-image:url('/images/fourcs/mobile.png'); }

@media (max-width:830px) {
  section#main-header #fourcs-container { width:80%;max-width:500px; }
  section#main-header { top:18%; }
  section#main-header #fourcs-container #desktop { display:none; }
  section#main-header #fourcs-container #mobile { display:block; }
  section#main-header .button { margin-top: 5vh; }
}


section#pitches { position:relative;font-size:0;min-height:710px;height:100vh;overflow:hidden; }
section#pitches > div { width:6.25%;display:inline-block; }
section#pitches > div > div {
  cursor: pointer;
  opacity: 0.2;
  filter: gray; /* IE 6-9 */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); /* Firefox 4+ */
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
section#pitches > div > div:hover {
  opacity: 0.6;
   filter: none; /* IE 6-9 */
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}


@media (max-width:1210px) {
  section#main-header h3 { font-size:28px; }
  section#main-header .button { font-size:22px; }
  section#pitches { min-height:630px; }
}

@media (max-width:940px) {
  section#pitches { min-height:580px; }
}

@media (max-width:775px) {
  section#pitches { min-height:790px; }
}

@media (max-width:550px) {
  section#main-header h3 .linebreak { display:block; }
  section#pitches { min-height:710px; }
  section#main-header .button { font-size:18px;padding: 15px 25px;}
}

@media (max-width:430px) {
  section#pitches { max-height:800px; }
}

@media (max-width:413px) {
  section#main-header h3 { font-size:22px; }
  section#pitches { min-height:605px; }
}




#main-slider { 
  position:absolute;
  width:100%;
  height:100%;
  top:0;
}
#main-slider #slider-container {
  position:absolute;
  width:100%;
  height:100%;
}
#slider-container > div {
  width:100%;
  height:100%;
}
div.slick-track { height:100%; }
div.slick-slide {background-position:top center;background-size:cover;background-repeat:no-repeat; }
#main-slider .slick-dots { bottom:10px; }
#main-slider  .slick-dots li button:before { color:#fff; }


#calltoaction {
  position:relative;
  border:10px solid #232323;
  background-color:#0e1e3c;
}

#calltoaction .background { position:absolute;height:100%;width:100%;opacity:0.3;background-image:url('/images/plank-calltoaction.png');background-size:cover;background-position:center; }
#calltoaction .text-container { position:relative;padding:75px 0;text-align:center; }
#calltoaction h3 { color:#fff;font-size:5vw;font-weight:700; }
#calltoaction h4 { color:#fff;font-size:28px;font-weight:500;margin-top: 3vw; }
#calltoaction a { text-decoration:none;margin-top:4vw;padding: 20px 30px;border: 4px solid #fff;display: inline-block;font-size: 25px;color:#fff }
#calltoaction a:hover { background-color:#fff;color:#232323; }

section#social { padding:75px 0;text-align:center; }
section#social h2 { font-size:80px;font-weight:700;text-align:center;color:#232323;margin-bottom:75px; }
section#social h3 { font-size:23px;margin: 50px 0 25px 0;font-weight:300; }

section#social iframe, section#social .row { width:90%;max-width:1000px;margin:0 auto; border: 0; overflow: hidden; }
section#social iframe#mobile { display:none; }


section#social .row .grid.fifty { padding:10px; }
section#social .row .featured-image { display:block;position:relative;width:100%;height:150px;background-size:cover;background-position: center; }

section#social .overlay { position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4); }
section#social .info-container { position:absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content:center; }
section#social .info-container > span { display:inline-block; }
section#social .info-container .date { color:#fff;text-align:center;font-weight:700;font-size: 28px;margin: 0 0 15px 0;}
section#social .info-container hr { height:0.5px;color:#fff;border-color:#fff;width:80%;margin:0 auto; }
section#social .info-container .title { overflow: hidden;height: 50px;color: #fff;font-size: 18px;line-height: 25px;margin-top: 15px;font-weight: 700;text-align: center;width: 90%;margin: 15px auto 0 auto; }


section#social .social-buttons { margin-top:50px; }
section#social .social-buttons a { color:inherit;display:inline-block;line-height:25px; }
section#social .social-buttons a.spacing { margin-right:45px; }
section#social .social-buttons i { font-size:50px }


section#home-about { background-color:#FAFAFA;position:relative; }
section#home-about .grid { padding:75px; }
section#home-about .grid h2 { font-size: 4vw;color: #232323;line-height: 4.5vw;font-weight: 700; }
section#home-about .grid p { font-size: 1.5vw;color: #232323;line-height: 2.3vw;margin-top: 2.5vw; }

section#home-about #main-slider-container { position:absolute;right:0;top:0;text-align:left;width:40%;height:100%; }

@media (max-width:1105px) {
  section#home-about .grid { padding:50px; }
}

@media (max-width:940px) {
  #calltoaction .text-container { padding:50px 25px; }
  #calltoaction h3 { font-size:5.5vw; }
  #calltoaction h4 { font-size: 4vw;font-weight:300;margin-top: 4vw;line-height: 5.5vw }

  section#social { padding:50px 0; }
  section#social h2 { font-size:56px;margin-bottom:50px; }
  section#social > div { margin-top:50px; }
  section#social i { font-size:38px }
}

@media (max-width:750px) {
  section#home-about .grid h2 { font-size:6vw;line-height:8vw; }
  section#home-about .grid p { font-size: 3vw;line-height: 4.5vw;font-weight: 300; }
  section#home-about .grid { display:block;width:100%; }
  section#home-about #main-slider-container { position:relative;width:100%;padding-top:60%; }
  section#home-about div.slick-slide { background-position:center; }
}

@media (max-width:650px) {
  #calltoaction a { padding: 3vw 5vw;font-size:3.5vw;border: 2px solid #fff; }
}

@media (max-width:600px) {
  section#social iframe#desktop { display:none; }
  section#social iframe#mobile { display:block; }
  section#social .row .grid.fifty { width:100%; }

}

@media (max-width:550px) {
  #calltoaction .text-container { padding:25px; }
  section#social h2 { font-size:42px; }
  section#social i { font-size:28px }
  section#social a.spacing { margin-right:30px; }
}

@media (max-width:500px) {
  section#home-about .grid h2 { font-size: 6.5vw;line-height: 8.5vw; }
  section#home-about .grid p { font-size: 4vw;line-height: 5.7vw;font-weight: 300;margin-top: 3.5vw; }
  section#home-about .grid { display:block;width:100%;padding:30px; }
}

#gatherings-container { background-color:#DD403F;padding:75px 0;}
#gatherings-container h3 { padding:0 75px;font-size:80px;font-weight:700;text-align:center;color:#fff; }
#no-gatherings { font-size: 50px;padding:75px 10px;text-align: center;color:#fff;font-weight:500; }
#gathering-archive-link { margin-top:25px;font-size:25px;text-align:center;color:#fff; }
#gathering-archive-link a { color:#fff;text-decoration:none; }
#gathering-archive-link a:hover { text-decoration:underline; }

#gatherings-container #items-container { width:90%;margin:75px auto 0 auto;text-align:center; }

#gatherings-container #items-container .grid { max-width:300px;padding:10px; }
#gatherings-container #items-container .grid.one,#gatherings-container #items-container .grid.two { width:50%; }
#gatherings-container #items-container .grid.one { min-width:300px; }
#gatherings-container #items-container .grid.three { width:33%; }
#gatherings-container #items-container .grid.four { width:25%; }

#gatherings-container #items-container .grid a { display:block;padding-bottom:100%;position:relative;background-color:#000; }
#gatherings-container .background-image { position:absolute;width:100%;height:100%;background-size:cover;opacity:0.7; }
#gatherings-container .info-container { position:absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content:center; }

#gatherings-container .info-container > span { display:inline-block; }

#gatherings-container .info-container .day { margin-bottom:15px;color:#fff;text-align:center;font-weight:700;font-size:80px; }
#gatherings-container .info-container .month { color:#fff;text-align:center;font-weight:700;font-size: 28px;margin-bottom:25px; }
#gatherings-container .info-container hr { height:0.5px;color:#fff;border-color:#fff;width:80%;margin:0 auto; }
#gatherings-container .info-container .title { overflow:hidden;height:60px;color:#fff;font-size: 22px;line-height:30px;margin-top:15px;font-weight:700;text-align:center; }

@media (max-width:940px) {
  #gatherings-container .grid.three .info-container .title, #gatherings-container .grid.three .info-container hr { display:none; }
  #gatherings-container .grid.three .info-container .day { font-size:100px; }
  #gatherings-container .grid.three .info-container .month { margin-bottom:0;font-weight: 500;font-size: 40px; }
}

@media (max-width:750px) {
  #gatherings-container .grid.three .info-container .day { font-size:80px;margin-bottom: 10px; }
  #gatherings-container .grid.three .info-container .month { font-size:32px; }
}

@media (max-width:620px) {
  #gatherings-container h3 { padding:0;font-size:12vw; }
  #gatherings-container { padding:10vw 0; }
  #gatherings-container #items-container { margin-top:10vw; }

  #gatherings-container .grid.one .info-container .title, #gatherings-container .grid.one .info-container hr,
  #gatherings-container .grid.two .info-container .title, #gatherings-container .grid.two .info-container hr { display:none; }

  #gatherings-container .grid.one .info-container .day, #gatherings-container .grid.two .info-container .day { font-size:100px; }
  #gatherings-container .grid.one .info-container .month, #gatherings-container .grid.two .info-container .month { margin-bottom:0;font-weight: 500;font-size: 40px; }
}

@media (max-width:600px) {
  #gatherings-container .grid.three .info-container .day { font-size:60px;margin-bottom: 5px; }
  #gatherings-container .grid.three .info-container .month { font-size:24px; }
}

@media (max-width:500px) {
    #gatherings-container .grid.one .info-container .day, #gatherings-container .grid.two .info-container .day { font-size:80px;margin-bottom: 10px; }
    #gatherings-container .grid.one .info-container .month, #gatherings-container .grid.two .info-container .month { font-size:32px; }
}

@media (max-width:465px) {
  #gatherings-container .grid.three .info-container .day { font-size:50px;margin-bottom: 5px; }
  #gatherings-container .grid.three .info-container .month { font-size:18px; }
}

@media (max-width:400px) {
  #gatherings-container .grid.one .info-container .day, #gatherings-container .grid.two .info-container .day { font-size:60px;margin-bottom: 5px; }
  #gatherings-container .grid.one .info-container .month, #gatherings-container .grid.two .info-container .month { font-size:24px; }
}

@media (max-width:350px) {
  #gatherings-container .grid.three .info-container .day { font-size:38px;margin-bottom: 5px; }
  #gatherings-container .grid.three .info-container .month { font-size:16px; }
}'