/*!
Theme Name: Shotgun Cinema Theme
Description: A brief description.
Version: 1.0
Author: Lowling
Author URI: www.lowling.com
*/
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Helper Classes
--------------------------------------------------------------*/
.container, .container-small, .container-smallest, .container-post {
  max-width: 1200px;
  margin: 0 auto; }

.container-small {
  max-width: 600px; }

.container-smallest {
  max-width: 300px; }

.container-post {
  max-width: 900px; }

* {
  box-sizing: border-box; }

.row {
  clear: both; }
  .row img {
    max-width: 100%;
    height: auto; }
  .row:before, .row:after {
    clear: both;
    display: table;
    content: " "; }

.twelve_span, .eleven_span, .ten_span, .nine_span, .eight_span, .seven_span, .six_span, .five_span, .four_span, .three_span, .two_span, .one_span, .rental_span, .triangle_span, .contact_span, .programimage_span, .join-shotgun_span, .upcoming_pic_span, .blog_archive_span, .archive_one_span, .archive_sidebar_span {
  float: left; }

.twelve_span {
  width: 100%; }

.eleven_span {
  width: 91.66666667%; }

.ten_span {
  width: 88%; }

.nine_span {
  width: 75%; }

.eight_span {
  width: 66.66666667%; }

.seven_span {
  width: 50.33333333%; }

.six_span {
  width: 50%; }

.five_span {
  width: 41.66666667%; }

.rental_span {
  width: 48%; }

.contact_span {
  width: 51%; }

.triangle_span {
  width: 17%; }

.four_span {
  width: 33.33333%; }

.three_span {
  width: 30%; }

.two_span {
  width: 25%; }

.upcoming_pic_span {
  width: 23%;
  margin: 1%; }

.archive_sidebar_span {
  width: 20%;
  margin-right: 10%; }
  @media only screen and (max-width: 768px) {
    .archive_sidebar_span {
      width: 100%;
      margin: 0; } }

.one_span {
  width: 8.3333333333%; }

.archive_one_span {
  width: 10%; }

.join-shotgun_span {
  width: 33.33333%; }

.blog_archive_span {
  width: 50%;
  margin: 0 10%; }
  @media only screen and (max-width: 768px) {
    .blog_archive_span {
      width: 100%;
      margin: 0; } }

.mobile {
  display: none; }

.no_mobile {
  display: block; }

@media only screen and (max-width: 1200px) {
  .six_span {
    width: 100%; }
  .mobile {
    display: inline-block; }
  .no_mobile {
    display: none; } }

@media only screen and (max-width: 768px) {
  .two_span, .one_span, .nav-links {
    width: 50%; }
  .mobile {
    display: inline; }
  .no_mobile {
    display: none; }
  .masthead-button {
    width: 100%;
    float: left;
    margin-bottom: 1em; } }

@media only screen and (max-width: 992px) {
  .four_span, .three_span {
    width: 100%; }
  .upcoming_pic_span {
    width: 50%;
    margin: 0em; }
  .programimage_span {
    width: 90vw !important;
    height: 92vw !important; } }

@media only screen and (max-width: 600px) {
  .twelve_span, .eleven_span, .ten_span, .nine_span, .eight_span, .six_span, .four_span, .three_span {
    width: 100%; }
  .break_right {
    float: right; } }

body {
  width: 100%;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  font-size: 100%;
  line-height: 1.6em; }

h1 {
  font-size: 2.5em;
  line-height: 1em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  font-weight: 600; }

h4 {
  margin: 0; }

p.lead {
  font-size: 1.5em;
  line-height: 1.5em; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.button {
  border: solid white 0.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  padding: 0.7em;
  font-weight: 600;
  color: white; }
  .button i {
    padding-right: 1vw;
    font-size: 125%; }

.masthead-button {
  margin-right: 1em;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .masthead-button {
      width: 95%;
      margin: 1em; } }

.sidebar-button {
  font-size: .7em;
  text-transform: uppercase; }

.supporter-button {
  padding: 0.5em 3em;
  float: none;
  margin: 0 auto;
  background: linear-gradient(rgba(173, 188, 188, 0.21), #020220);
  margin-left: 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px -5px 24px -1px rgba(0, 0, 0, 0.56);
  -moz-box-shadow: 3px -5px 24px -1px rgba(0, 0, 0, 0.56);
  box-shadow: 3px -5px 24px -1px rgba(0, 0, 0, 0.56);
  border: none;
  font-family: "Raleway", sans-serif;
  font-weight: 500; }
  @media only screen and (max-width: 1100px) {
    .supporter-button {
      margin: .5em 0;
      width: 100%; } }

.contact-button {
  float: right;
  border: solid black 0.18em;
  padding: 0.4em 1em;
  margin-top: 1.8em;
  font-weight: 600;
  margin-right: 1.8em;
  color: #000;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .contact-button {
      margin-top: 2.6em;
      margin-right: .8em;
      padding: .4em; } }

.movie-date {
  padding: 0.7em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.month-date {
  float: right;
  padding-left: 0.7em; }

.month, .date {
  opacity: .7;
  font-weight: 700; }

.month {
  text-align: center;
  font-size: 1.3em;
  color: black;
  font-family: "Raleway", sans-serif;
  background: white;
  text-transform: uppercase; }

.date {
  background-color: #000;
  font-family: Raleway,sans-serif;
  color: #fff;
  font-size: 1.8em;
  text-align: center; }

.title {
  font-family: "Raleway", sans-serif;
  font-size: .8em;
  text-shadow: 2px 1px black;
  color: white;
  text-align: right;
  font-weight: 700;
  margin-top: 13em; }
  @media only screen and (max-width: 992px) {
    .title {
      margin-top: 22em; } }
  .title .dir {
    font-weight: 400; }

/*--------------------------------------------------------------
# Template Parts
--------------------------------------------------------------*/
#navigation {
  background-color: white;
  width: 100%;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 1;
  padding: 1em 0; }
  #navigation .show {
    display: block; }
  #navigation a {
    text-decoration: none;
    color: black; }
  #navigation .mobile {
    float: right;
    font-size: 2.5em;
    margin-top: .6em; }
  #navigation .mobile-nav {
    display: none;
    line-height: 1em;
    text-align: center; }
    #navigation .mobile-nav li {
      padding: .2em;
      border-bottom: 1px solid #c2c2c2;
      width: 100%; }
      #navigation .mobile-nav li a {
        width: 100%;
        display: block; }
  #navigation img {
    min-width: 91px; }
    @media (max-width: 768px) {
      #navigation img {
        width: 0%; } }
  #navigation ul {
    margin: 0;
    padding: 0; }
    #navigation ul li {
      float: left; }
    #navigation ul li:first-child {
      list-style-type: none !important; }
  #navigation .right {
    float: right;
    text-align: right; }
    #navigation .right div {
      float: right; }
  #navigation .top {
    padding-bottom: 2.4em; }
  #navigation .bottom {
    padding-top: .6em; }
  #navigation #menu-top li {
    list-style-type: disc;
    padding-right: 1.5em; }
  #navigation #menu-top li:last-child {
    padding: 0; }
  #navigation #menu-bottom li {
    list-style-type: disc;
    padding-right: 1.5em; }
  #navigation .year-established {
    text-transform: capitalize;
    font-size: 1.4em;
    font-weight: 400;
    font-family: Georgia,serif; }
  #navigation .social ul {
    padding-right: .7em; }
  #navigation .text-navigation {
    padding: 0.7em; }
    @media (max-width: 992px) {
      #navigation .text-navigation {
        width: 50%;
        float: right; } }
  #navigation .social li {
    font-size: .9em;
    padding-right: 1em; }
    #navigation .social li:last-of-type {
      padding-right: 0; }
  #navigation .social .fa {
    font-size: 1.5em; }
  #navigation hr {
    width: 100%;
    margin: 0; }

.sidebar {
  height: 100vh;
  background-size: cover;
  background-position: center; }
  @media only screen and (max-width: 992px) {
    .sidebar {
      height: 45em; } }
  .sidebar .sidebar-text {
    text-align: center;
    margin-top: 7.5em;
    color: white;
    line-height: 2em;
    font-size: 1.6em; }
    .sidebar .sidebar-text a {
      color: white; }
    .sidebar .sidebar-text .next-screening {
      text-transform: uppercase;
      font-size: .5em;
      font-weight: 600; }
    .sidebar .sidebar-text .movie-title {
      font-weight: 600; }
    .sidebar .sidebar-text .sidebar-date {
      font-weight: 600; }
    .sidebar .sidebar-text hr {
      width: 13%; }
    .sidebar .sidebar-text .details-button {
      padding: .6em;
      font-size: .8em;
      border: solid white 0.1em;
      border-radius: .1em;
      text-decoration: none;
      margin-top: .5em;
      font-weight: 600; }
    .sidebar .sidebar-text .row {
      font-size: .5em;
      text-transform: uppercase; }

#single-post:before,
#single-post:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

#single-post:after {
  clear: both; }

#single-post {
  text-align: center;
  font-weight: normal;
  line-height: 2em;
  border-top: 1px #d3d3d3 solid;
  padding: 2em;
  max-width: 1200px;
  margin: 0 auto; }
  #single-post li {
    list-style-type: disc; }
  #single-post h1 {
    font-weight: 300; }
  #single-post .single-text {
    text-align: left;
    float: left;
    width: 80%; }
    @media only screen and (max-width: 768px) {
      #single-post .single-text {
        width: 100%; } }
  #single-post .single-content {
    text-align: left; }
  #single-post .auther-and-date {
    font-size: .79em; }
  #single-post .fa-circle {
    font-size: 3px; }
  #single-post .archive-post {
    text-decoration: none;
    color: black; }
  #single-post .blog-author-date {
    font-weight: bold; }
  #single-post .blogpost-sidebar-title {
    font-weight: bold;
    text-transform: uppercase; }
  #single-post .archive_sidebar_span {
    margin-right: 0 !important;
    float: right; }
  #single-post .archive_sidebar_span ul {
    padding: 0; }
  #single-post .archive_sidebar_span li {
    font-size: 1em;
    padding: 1em;
    line-height: 1em;
    border-bottom: 1px #d3d3d3 solid;
    list-style-type: none;
    text-align: left; }
    #single-post .archive_sidebar_span li a {
      text-decoration: none;
      color: black; }

.gform_button {
  background-color: #272e53; }

#masthead {
  background-color: #111630;
  background-size: cover;
  background-position: right;
  font-family: "Raleway", sans-serif;
  color: white; }
  #masthead a {
    color: white;
    font-size: .8em; }
    #masthead a i {
      padding-right: .7em; }
  #masthead .mast {
    padding: 2em; }
  #masthead .mast-head-image {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  #masthead .desc {
    position: relative;
    overflow: hidden;
    height: 100%; }
  #masthead ul {
    padding: 0;
    margin: 0; }
    #masthead ul .bold-title {
      font-weight: bold; }
    @media only screen and (max-width: 768px) {
      #masthead ul {
        font-size: .9em; } }
  #masthead .mast-head-sections {
    height: 41.5em; }
    @media only screen and (max-width: 768px) {
      #masthead .mast-head-sections {
        height: auto; } }
  #masthead .mast-sections {
    padding: 1.5em; }
    @media only screen and (max-width: 768px) {
      #masthead .mast-sections {
        padding: 1em; } }
  #masthead .mast-head-location {
    background-color: #272e53;
    height: 33%; }
    @media only screen and (max-width: 768px) {
      #masthead .mast-head-location {
        height: auto; } }
  #masthead .mast-head-synopsis {
    background-color: #1d2655;
    height: 67%; }
    @media only screen and (max-width: 768px) {
      #masthead .mast-head-synopsis {
        height: auto; } }

.mast-button {
  text-align: center;
  margin-bottom: 2em; }
  .mast-button .button a {
    display: block;
    margin: 0 2px; }

#homepage-content {
  float: right;
  position: relative;
  background-color: #1e2236; }
  @media only screen and (max-width: 992px) {
    #homepage-content {
      width: 100%; } }
  #homepage-content .movie-date {
    height: 15em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media only screen and (max-width: 992px) {
      #homepage-content .movie-date {
        height: 23em; } }
  #homepage-content .blog-sum {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0.7em;
    background-color: rgba(17, 22, 48, 0.6); }
    #homepage-content .blog-sum p {
      text-align: center;
      font-size: 1.5em;
      font-family: Georgia,serif; }
    #homepage-content .blog-sum .featureborder {
      border: solid white 0.3em;
      height: 10.5em;
      width: 15.5em;
      display: inline-block;
      padding: 0.7em; }
    #homepage-content .blog-sum .feature {
      background-color: black;
      height: 12em;
      width: 17em;
      padding: 0.7em;
      position: relative;
      color: white;
      display: inline-block; }
    #homepage-content .blog-sum .blog-summary {
      color: white;
      padding: 1em;
      margin-top: 5em;
      text-shadow: 2px -1px #404040; }
      #homepage-content .blog-sum .blog-summary p {
        text-align: left;
        margin: 0;
        font-size: 1em; }
      #homepage-content .blog-sum .blog-summary .blog-title {
        font-size: .9em; }
      #homepage-content .blog-sum .blog-summary .blog-post {
        font-family: Georgia,serif; }
      #homepage-content .blog-sum .blog-summary a {
        color: white; }
  #homepage-content .supporters {
    background-size: cover;
    padding: 1.5em;
    background-position: center; }
    #homepage-content .supporters .supporter-text {
      text-align: center;
      font-size: 1.2em;
      font-family: Georgia,serif;
      color: white; }
      #homepage-content .supporters .supporter-text .supporter-header {
        padding: 1em;
        border-top: #d3d3d3 0.1em solid;
        border-bottom: #d3d3d3 0.1em solid; }
      #homepage-content .supporters .supporter-text .row .form-text, #homepage-content .supporters .supporter-text .row .form-email {
        height: 1.8em;
        font-size: 1em;
        margin: .8em 0;
        padding: .3em; }
      #homepage-content .supporters .supporter-text .row .form-text {
        width: 40%; }
      #homepage-content .supporters .supporter-text .row .form-email {
        width: 55%; }
      #homepage-content .supporters .supporter-text .join-shotgun {
        padding: .8em 0;
        border-bottom: #d3d3d3 0.1em solid;
        font-family: "Raleway", sans-serif;
        font-weight: 500; }
        #homepage-content .supporters .supporter-text .join-shotgun .donation {
          background-color: rgba(133, 135, 141, 0.3);
          padding: .5em;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
  #homepage-content .rentals {
    background: white; }
    #homepage-content .rentals .rental_span {
      padding: .3em;
      font-family: Georgia,serif; }
    #homepage-content .rentals b {
      text-transform: uppercase; }
    #homepage-content .rentals .contact {
      float: right;
      background-color: #D3D3D3; }
    #homepage-content .rentals .arrow-right {
      width: 0;
      height: 0;
      border-top: 2.7em solid transparent;
      border-bottom: 2.7em solid transparent;
      margin: 0;
      border-left: 2.3em solid white; }
      @media only screen and (max-width: 768px) {
        #homepage-content .rentals .arrow-right {
          border-top: 4em solid transparent;
          border-bottom: 4em solid transparent;
          border-left: 2.8em solid white; } }

#layout-homepage {
  background-color: #1e2236; }

.featuredimages {
  height: 19em;
  position: relative; }
  .featuredimages .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 0.7em; }
  .featuredimages ul {
    color: white;
    height: 100%;
    font-size: 1em;
    font-family: Georgia, serif;
    padding: 0;
    margin: 0; }
  .featuredimages .featureborder {
    border: solid white 0.3em;
    height: 10.5em;
    width: 15.5em;
    display: inline-block;
    padding: 0.7em; }
  .featuredimages .feature {
    background-color: black;
    height: 12em;
    width: 17em;
    padding: 0.7em;
    position: relative;
    color: white; }
  .featuredimages .post {
    font-family: Georgia, serif;
    font-weight: 500;
    font-size: .7em; }
  .featuredimages p {
    font-weight: 600;
    font-size: .7em;
    font-family: "Raleway", sans-serif;
    margin: 0; }
  .featuredimages .featured-post {
    text-transform: uppercase; }
  .featuredimages li {
    text-align: center;
    padding: .15em; }

.blog {
  text-align: right;
  color: white;
  text-shadow: 2px -1px #404040;
  font-size: 1.1em;
  margin-top: 2em; }

.upcomingpics {
  position: relative;
  z-index: 2; }
  @media (max-width: 992px) {
    .upcomingpics {
      width: 100%;
      right: 0; } }
  .upcomingpics .movie-date {
    height: 14em;
    position: relative; }
    @media (max-width: 992px) {
      .upcomingpics .movie-date {
        margin: 0 auto;
        height: 18em; } }
    .upcomingpics .movie-date .title {
      position: absolute;
      bottom: 0.7em;
      right: 0.7em; }
      @media only screen and (max-width: 992px) {
        .upcomingpics .movie-date .title {
          margin-top: 15em; } }
    .upcomingpics .movie-date .listed-movies .movie-date {
      padding: 0.7em;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      @media (max-width: 992px) {
        .upcomingpics .movie-date .listed-movies .movie-date {
          width: 100%;
          height: 36em; } }

.upcoming {
  position: relative;
  overflow: hidden;
  background-color: #111630;
  padding-bottom: 2em; }
  @media (max-width: 992px) {
    .upcoming {
      height: auto; } }
  .upcoming .upcomingscreen {
    position: relative;
    z-index: 2;
    font-size: 1.5em;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    color: white; }
    .upcoming .upcomingscreen p {
      margin: 1em 0 1em 0;
      text-align: center; }
  .upcoming .upcoming-background-container {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #111630;
    z-index: 1;
    top: 0; }
    .upcoming .upcoming-background-container .upcoming-background {
      height: 100%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      filter: blur(15px);
      -webkit-filter: blur(15px); }

.org_pic {
  padding-top: 2em;
  padding-bottom: 2em; }

.staff-title {
  font-weight: 400; }

.programimage_span {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 10em;
  width: 10em;
  background-size: cover;
  background-position: center;
  background-color: #EAEAEA;
  background-repeat: no-repeat; }

.program-details-title {
  font-weight: 600; }

.program-details-content {
  font-size: .9em;
  padding-left: 1em; }

#programs {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #111630; }
  #programs .programs-content {
    color: white;
    padding: 1.5em; }
    #programs .programs-content h1 {
      font-weight: 300; }

.organization-button {
  background-color: #1d2655;
  margin: 2em auto;
  width: 31.5%;
  text-align: center; }

.mission-link {
  text-decoration: none; }

#mission-link {
  margin: 0 auto; }
  #mission-link a {
    text-decoration: none; }
  #mission-link .mission-link-text {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 1em 4em; }
    @media only screen and (max-width: 992px) {
      #mission-link .mission-link-text {
        margin: 1em 2em; } }
    @media only screen and (max-width: 600px) {
      #mission-link .mission-link-text {
        margin: 0; } }

#staff-board {
  padding: 1em;
  background-color: #EAEAEA; }
  #staff-board h1 {
    font-weight: 300; }
  #staff-board .big-staff {
    border-bottom: 1px solid #d3d3d3; }
    #staff-board .big-staff .org_pic {
      height: 24em; }
      @media only screen and (max-width: 992px) {
        #staff-board .big-staff .org_pic {
          height: 100%; } }
  #staff-board .four_span {
    padding: 1em 2em; }

#blog-archive {
  border-top: 1px #d3d3d3 solid; }
  #blog-archive ul {
    padding: 0; }
    #blog-archive ul li {
      font-size: 1em;
      padding: 1em;
      line-height: 1em;
      border-bottom: 1px #d3d3d3 solid; }
      #blog-archive ul li a {
        text-decoration: none;
        color: black; }
  #blog-archive .post-image {
    height: 18em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #blog-archive .archive-post {
    text-decoration: none;
    color: black; }
  #blog-archive .blogpost-sidebar-title {
    font-weight: bold;
    text-transform: uppercase; }
  #blog-archive .auther-and-date {
    font-size: .79em; }
  #blog-archive .fa-circle {
    font-size: 3px; }
  #blog-archive .blog-author-date {
    font-weight: bold; }
  #blog-archive h1 {
    font-weight: normal;
    line-height: 1em; }
  #blog-archive .prev-next-posts {
    margin: 1em 0;
    margin-bottom: 3em; }
    #blog-archive .prev-next-posts a {
      text-decoration: none;
      color: black;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -khtml-border-radius: 3px;
      border: black 2px solid;
      padding: .5em; }
      @media only screen and (max-width: 768px) {
        #blog-archive .prev-next-posts a {
          margin-bottom: .8em;
          display: inline-block;
          width: 100%; } }
    #blog-archive .prev-next-posts .next-posts-link {
      float: right; }
      @media only screen and (max-width: 768px) {
        #blog-archive .prev-next-posts .next-posts-link {
          width: 100%;
          text-align: right; } }

.footer {
  background-color: #d3d3d3;
  font-family: "Raleway", sans-serif;
  font-size: 1em; }
  .footer .container .container-widget, .footer .container-small .container-widget, .footer .container-smallest .container-widget, .footer .container-post .container-widget {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center; }
    .footer .container .container-widget .widget-title, .footer .container-small .container-widget .widget-title, .footer .container-smallest .container-widget .widget-title, .footer .container-post .container-widget .widget-title {
      font-weight: 600; }
    .footer .container .container-widget .sponser_image-container, .footer .container-small .container-widget .sponser_image-container, .footer .container-smallest .container-widget .sponser_image-container, .footer .container-post .container-widget .sponser_image-container {
      display: flex;
      width: 100%;
      height: 100px;
      justify-content: center; }
      .footer .container .container-widget .sponser_image-container .footer-sponsor_image, .footer .container-small .container-widget .sponser_image-container .footer-sponsor_image, .footer .container-smallest .container-widget .sponser_image-container .footer-sponsor_image, .footer .container-post .container-widget .sponser_image-container .footer-sponsor_image {
        display: flex;
        padding: 10px;
        height: 100%; }
    .footer .container .container-widget .sponser_text-container, .footer .container-small .container-widget .sponser_text-container, .footer .container-smallest .container-widget .sponser_text-container, .footer .container-post .container-widget .sponser_text-container {
      display: flex;
      font-weight: 600; }
      .footer .container .container-widget .sponser_text-container .footer-sponsor_text, .footer .container-small .container-widget .sponser_text-container .footer-sponsor_text, .footer .container-smallest .container-widget .sponser_text-container .footer-sponsor_text, .footer .container-post .container-widget .sponser_text-container .footer-sponsor_text {
        padding-right: 10px; }
  .footer a {
    color: #404040; }
  .footer #menu-footer {
    margin: 0; }
  .footer .container, .footer .container-small, .footer .container-smallest, .footer .container-post {
    padding: 1em; }
  .footer div {
    text-align: center; }
  .footer .gray {
    background-color: #c2c2c2;
    padding: 1em; }
  .footer .footer-logo {
    width: 8%;
    display: block;
    margin: 0 auto;
    padding-bottom: 1em; }

html, body {
  background-color: #111630;
  font-family: "Raleway", sans-serif; }
  html li, body li {
    list-style: none; }

body {
  position: relative; }

.fa-circle {
  font-size: 5px;
  padding: 1.5em;
  vertical-align: middle; }