/*
  Author: Jan-Philip Gehrcke, http://gehrcke.de
*/

html {
  height: 100%;
  background: url(../img/bg_wide_1280.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 12px;
}

body {
  min-height: 100%;
  background: none;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 3px;
}

.firstrow {
   margin-bottom: 50px;
}

/* http://stackoverflow.com/a/9447057/145400
.outest-wrapper {
  height: 100%;
  overflow-y: hidden;
}
*/
/* Set margin to allow scrolling downwards as far as required so that
   fixed icons do not overlap with content anymore.
*/
.container {
  margin-bottom: 85px;
}

img.feast-logo {
  position: fixed;
  bottom: 23px;
  right: 23px;
  height: 54px;
  z-index: 100;
}

/* Set line height 0 to not let anchor text influence parent element height. */
.social-wrapper {
  position: fixed;
  bottom: 23px;
  left: 23px;
  z-index: 100;
  line-height: 0;
}

.embed-responsive {
  margin-bottom: 20px;
}

.contact-inner {
  padding: 7px;
  text-align: center;
  color: rgba(228, 228, 228, 0.88);
  background-color: rgba(0, 0, 0, 0.68);
  display: inline-block;
}

.contact-wrapper {
  bottom: 23px;
  position: fixed;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.contact-wrapper a {
  color: rgba(228, 228, 228, 0.6);
  padding: 3px;
  margin: 2px;
}

/*
  Icon-related styles, icons from http://simpleicons.org/
*/
ul.icons {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.icons li {
  display: inline-block;
  float: left;
}

.icons li a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 54px 54px;
  display: inline-block;
  height: 54px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 0px;
  text-indent: -9999em;
  width: 54px;
}

.si-soundcloud {
  background-color: #f60;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC00lEQVR42u3YXWjVdRzH8R4gu8goFkokwoJm1oUoSnflXXWngakLvCjIEisHhtaJmmyVCVKthWWrNSF39Jxap510+bQtx2zzqS2nY5QZNcJ8CoIuSl2vi/9lqWPnTGffD7z4/zj/uzeHw49zzdDQ0P9aBIgAESACRIAIEAEiQASIABEgAkSACBABIkAEiAARIAJEgAgw+u7lOerIUs9ypl/tAR5iLif4t52nmWlXW4Ay5tOUOMWF9gfzx2KA8UxkBhO4Ofm8nD1kyHKCi+0cD46VAKVMopZF1LGWJdSwjDZyIMClbZCSsRAgxRM0sph61pOik1V00MIWBLjkpa7kALfzGCmeoYkK0jRQRSer6WYX24cZoI/rrtQAU3mHKl6ghRQ5NrGWfbzFQTpoG2aAv7mHu5jKTZczwGTuoIwSZvExb/I67bzGNnKso5f36GMvHZxkOBvkL85xjFWMG80AUyjleebwZHIu5zM+oJYuaviar9hAPw0M0EMXAox4zdxQ7ADXcguLmEcNi3mFWirYQSMN9PAh3bST5SgZfuQI+zlFIVZR7ADjWMrLvEgT1dQl5zV0kaeJfjbTSzdb+Zk8v/ADvZymEDvE9cUMcCtZGvmEvWxkO92kOcxudnKMFgb4jt0cp5XfGOQIZyjEfue2YgYoIc+nZDjAZlqTc4Y+2tnGUfL08y1t/MqO5PkThwr4DTjO+GIGuJGVVFNJM6tpYCtraGMT9UmU99nDLtJ8z0YGkijfcJJC7IvR+BGcxOMs5F2WUMVHLCXN27zKTirJk6WGnuT9PlpJLkIj3lnuK3IAYBp3s4K5PMUbPEotlSwjx7Ok2UAV+6mmky18yZ+MZGdYcDkuQqVMZgqzKePh5DyLcmYmYR7h/iTIAzzNQuaxjs//Q+4CMrzEnfGXWASIABEgAkSACBABIkAEiAARIAJEgAgQASJABIgAESACRIAIcFH/APAbabvj5DevAAAAAElFTkSuQmCC");
}

.si-facebook {
  background-color: #3b5998;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABiElEQVR42u3avUoDQRSG4UBIDNpIllhZWAiWRgshRSBgaaOtguAPBkQvQE3nNeQqxFpbawsRRUQs7TaEFUUthPUrtooe3YGdODvnC7xsE+YMT0J2AluI41h1BCAAAQhAAAIQgAAEIIBZRVRFgSNVUXFYAE10hULUc6QQXaOWbYAyukOuvh7QiE2AAD07DPCCJmwD9B0GiFCNAJ4BvKPX5PqpBeAC7aIFNIUmk+sMmkf7vgJEaDXFPuZ8BHhDzZT7aPgIcIgKWgFCNG6wj7pvACd//O9ooGW0knTgF4D89R9D5xrOAdvCvCUtB6ENYd6OFoBNAigHaAvz9nwE6KLOQLO/HHk7P3SWZ4Bpg3lSx3kGqGcAcKod4FIzwCh60vwbEKCPvN8FjgaS7wLf39vlOYAnQQIQgAAEIAABCEAAAhDgPwAidwHsPyJTRvcWALaEeW3DdR5RxRpAUgvdoH6GrQmz1g3WuEWLw3pQsoRqmSV/ahWDNUp8VJYABCAAAQhAAAIQgAAESN0XsDffMaRkAuwAAAAASUVORK5CYII=");
}

.si-youtube {
  background-color: #cd332d;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAELUlEQVR42u2ab0hWVxzHl3/2GDMnTxoaK91qRbWg9f/FCApjf4wGe2EvpEYbrmDgKGouMoVWtLI/SFuxYMSYKLSKaIOKXvRig01Yutgiak38E8xVVqbbnsS6fV98XhwOs1TU89zHc+BD93t+9zx6P93n3nPu9ZkgCEY1XoAX4AV4AV6AF+AFeAFegBcwdKSKbDFejDH60+kbl+gCssWf4rZ4i75k8YPoEKsTWgB8JwK1z8kvi4A2bTQIWMXB/k5eQ64fLRfBqLgrHokccQQBlcY+s8XbYp41dqZYIJ4TydTnipTQCIBaDnq9aGR7PrUK5AS0g8YFs4G+BVwwH4h/RFbYBLzDgVwRPaKJ/9FX6O8S1eImeSnjLloCYqI7jALG8zUIaIfoLyHXkKvI5eRfyPMR8B+ywiUAzgQ045a4kfwFeRt5dyIK2CICTvNM+jbQd5hcSf4sEQW8z8H8Rh51AkqM+cAYLwAB1iyx3BJwkTxPRMS/iSZgDX2nyUfImy0Bc8Ri5gv3wipgHQdz1RCQL2L0/yQesv0q9XpjzB22u0V2GAUUi7/EBWtpXCRaOLh2sd66c8Sor2UidU1EwyggmTl9GtkkIvKo27VJ1HmOIEL6RChFRIyHIRNYHOWyHeXUzoUc8jiRjpyksKwG3xT7xDFO+QZO3VZO89tMjTvF/T7oZJ8OxrTxGY185rdivyiMJwGp4msx0q1WROJBwCfCVatwLSAimsVDpruXbLiKP6l1il9FyyAEtImxLgVMEwG3ulS7DpNFr+irnTAeow2mzXIp4HV+ib/FDJFn3PIyyEv6KaBokAJWuBSwVgS0GBRaE5oH1IdLwDqXAjYJu600V3nGvP8rprY94qioo3aS/d/lfcIOpJjtmtgjPhU/W7UtLgVUPkFAhdE3m75GcZftDGqnyFOtt0Y/GuuFTHN2iTyapDgUsLOfAhbRd4mV3bNioiUgX3wjFpN3US8kl4lqtqcb15XdLgXsGkIBxeQ91nOCqSyk7pNzGd9OrkoUAavIey0B+awHzjK9zmGN0ZqoAqosAVPINi3xIGDnCAh4ia/ARrGderXoiodrQOXwC+AroHHkZnFd9MbDXWDTAAVcEbGnXAT3k7eSX+QMuEXOQkgrucylgPcGKOB745SdZAlYKP4QReTt1F8j1zInSBHpxmu3EpcC3hB2K6BWZvQtN8a8wL+Z1I6TI9bK7gT1WrLJh+YrN5cCpotHloADYrU1nT0vlolSvr8fiFJqDez/pTjGfh+JHmN8HbKXiB1WbYbr5wFNwlVrEWnOBMDHDgWwEHIrIIWV3ki3oyLVpQCbAmaGNeKcqBeX+YrcEO3cyjrEnT7oYJ92xjTxGfV8Zg0/oyAs7wWSjPcCz4so9/Hs/4NalH3TGZvk/1TWC/ACvAAvwAvwArwAL8AL8AKGnMfdjXUWWBWaKAAAAABJRU5ErkJggg==");
}


/*
  Small devices (tablets, 768px and up)
*/
@media (max-width: 768px) {
  .firstrow {
     margin-bottom: 20px;
  }

 .icons li a {
    height: 44px;
    width: 44px;
    background-size: 44px 44px;
  }

  img.feast-logo {
    height: 44px;
  }

  .contact-wrapper {
    position: static;
    margin-top: 35px;
    text-align: center;
    display: inline-block;
  }
}