/*
Compile SASS: landing_bottom.css
*/
@import url("https://fonts.googleapis.com/css?family=Cabin");
@font-face {
  font-family: Brandon;
  src: url(/mod/landing_bottom/brandon_font/brandon.woff) format("woff");
  font-weight: 500; }
.landing_bottom {
  font-size: 1.8rem;
  font-family: "Open Sans";
  color: White;
  background-image: url("/mod/landing_bottom/img/coffee-blur.jpg");
  background-size: cover; }
  .landing_bottom a {
    color: White; }
  .landing_bottom .site-width {
    display: flex;
    padding-top: 4rem;
    padding-bottom: 4rem; }
    @media screen and (max-width: 830px) {
      .landing_bottom .site-width {
        flex-direction: column; }
        .landing_bottom .site-width .left {
          margin-bottom: 3rem; } }
    .landing_bottom .site-width .left {
      flex: 1;
      padding-right: 3rem; }
      .landing_bottom .site-width .left .profile {
        max-width: 17rem;
        background-color: #f8f5f3;
        color: Black;
        padding: 0.5rem;
        font-size: 1.4rem;
        text-align: center;
        margin-top: 2.5rem; }
        .landing_bottom .site-width .left .profile img {
          max-width: 100%; }
      .landing_bottom .site-width .left h1 {
        color: White;
        margin: 0;
        border-bottom: 1px solid White; }
      .landing_bottom .site-width .left h2 {
        color: #eef26e;
        font-size: 2.1rem;
        margin: 1em 0; }
      .landing_bottom .site-width .left ul {
        list-style: none;
        padding: 0;
        font-size: 1.5rem; }
        .landing_bottom .site-width .left ul li {
          font-style: normal;
          position: relative;
          padding-left: 2.4rem;
          margin-bottom: 1rem; }
          .landing_bottom .site-width .left ul li:before {
            font-family: fontello;
            content: "\e800";
            position: absolute;
            top: 0.5rem;
            left: 0;
            color: #bfc1ed;
            font-size: 1.4rem; }
    .landing_bottom .site-width .right {
      min-width: 40rem; }
      @media screen and (max-width: 830px) {
        .landing_bottom .site-width .right {
          min-width: auto; } }
      .landing_bottom .site-width .right .formbox {
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 2rem;
        border-radius: 0.3rem; }