html, body {font-family: roboto, sans-serif;  font-style: normal;  font-weight: 400; width: 100%; height: 100%; margin: 0px; padding: 0px; border: none; scroll-behavior: smooth; font-size: 16px; overflow-x: hidden;}
body {background-color: #FFFFFF;}
div.buffer {margin: 0 auto; max-width: 1080px; background-color: white;}
div.header {margin: 0 auto; max-width: 1080px; border: 0px;  background-color: lightgrey; overflow:hidden;}
div.page {margin: 0 auto; max-width: 1040px; border: 0px;  background-color: white; overflow:hidden;}
h1 {    color: #FFFFFF;
    font-family: roboto ,sans-serif;
    font-style: normal;
    font-weight: lighter;
    font-size: 3rem;
    margin: auto auto;
    padding-top: 1.1rem;
    font-style: italic;}
h2 {font-size: 3rem;
    font-weight: bold;
    color: #FFCC80;
    font-style: italic;}
h3 {font-family: "din-2014",sans-serif;  font-style: normal; font-weight:normal; color: #ffffff; margin: 0;
    font-style: italic;}
h4 {margin: 1rem auto 0 auto;}
p, label {font-style: normal;}
p {color: #ffffff; font-family: inherit;}
p.small {font-size: 0.9rem; text-align: left;}
label {font-size: 0.9rem; font-style: normal; text-align: left;}
a {text-decoration: none; cursor: pointer; color: #ffffff;}
#lead-text a {text-decoration: underline; color: #ffffff;}
.footnote {font-size: 0.8rem!important;}
.single-entry a {
    width: 100%;
}
.section-header {
    width: 100%;
    height: auto;
    min-height: 55px;
    background-color: #455A64;
    position: relative;
    top: 0;
    left: 0;
}
body {
    margin: 0px;
    padding: 0px;
}
p, h1, h2, h3,h4, li {
    margin: 0 0 0.5rem 0;
    padding: 0px;
}
.section-heading {
    padding: 1.25rem 0 1rem 2rem;
    font-size: 1.92rem;
}
.underline, footer p a {
    text-decoration: underline!important;
}
.button-text {
    width: 100%;
    height: 100%;
    margin: 2.1rem auto 2rem 1rem;
    font-size: 2rem;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}
#home-button h1 {
    width: 80%;
    height: 80%;
    margin: auto 0 auto 4rem;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}
#header {
    width: 100%;
    height: 100px;
    color: #FFFFFF;
    background: #263238; /* Old browsers */
    background: -moz-linear-gradient(left, #263238 60%, #90a4ae 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #263238 60%,#90a4ae 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #263238 60%,#90a4ae 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263238', endColorstr='#90a4ae',GradientType=1 ); /* IE6-9 */
}
#home-button {
    width: 55%;
    color: #FFFFFF;
    display: inline-block;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    position: relative;
    top: 0;
    left: 0;
}
#about-button {
    width: 15%;
    height: 100%;
    background-color: #455A64;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    position: relative;
    top: 0;
    left: -10px;
}
#news-button {
    width: 25%;
    height: 100%;
    background-color: #90A4AE;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    position: relative;
    top: 0;
    left: -10px;
}
div#news-button-text {
    margin-left: 4vw;
}
#main-section {
    width: 95%;
    max-width: 1300px;
    height: auto;
    margin: 1rem auto;
    overflow: auto;
}
#main-section-left {
    width: 68%;
    /*
    height: 1200px;
    */
    height: auto;
    background-color: #90A4AE;
    display: inline-block;
    margin: 0 1rem 0 0;
    float: left;
}
#main-section-right {
    width: 30%;
    height: auto;
    background-color: #90A4AE;
    display: inline;
    float: left;
}
.recent-news-square {
    margin: 1.5rem;
}
#main-text {
    padding: 1rem 2rem 1rem 2rem;
    width: 66%;
    /* float: left; */
    display: inline-block;
    vertical-align: top;
}
#main-text p {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: #000000;
    font-size: 0.9rem;
    margin-top: 0rem;
    padding-bottom: .5rem;
}

.card {
  margin: 0 0.3rem 0.3rem 0;
}
.case-card {
  width: 32.5%;
  display: inline-block;
  float: left;
}
.card-image-photo {
  height: 15rem;
  background-size: cover;
  background-position: center;
  background-repeat: none;
}
.card .card-image .card-title {
  position: relative;
}
.card-title {
  color: white;
  display: block;
  padding: 1rem 1rem 0rem 1rem;
  font-size: 1.2rem !important;
  font-weight: 100;
  font-style: italic;
  line-height: 1.4rem;
  padding-bottom: .5rem;
}
.case-subtitle {
  color: white;
  display: block;
  padding: 0rem 1rem 1rem 1rem;
  font-size: .8rem;
  font-weight: 500;
  text-transform: uppercase;
}
.case-details-button {
  color: white;
  display: block;
  width: 60%;
  margin: auto;
  position: absolute;
  bottom: 15%;
  left: 20%;
  background-color: #455A64;
}
#cases-filtering {
  margin-left: .7rem;
}

#issue-area-dropdown {
  width: 96%;
  display: inline-block;
  padding: 0rem 0rem 0rem 2rem;
}
#legal-area-dropdown {
  width: 96%;
  display: inline-block;
  padding: 0rem 0rem 0rem 2rem;
}
.select-wrapper .caret {
  right: 20;
  fill: rgba(255,255,255,0.87);
}
.select-wrapper {
  background: #455A64;
  border-radius: 10px;
  padding: 0rem 1rem 0rem 1rem;
}

#search-box {
  width: 30%;
  display: inline-block;
  margin-left: 1rem;
}
.input-field>label {
    color: black;
}
.input-field {
  margin-top: 0rem;
}
.input-field-label {
  padding: 0rem 0rem .5rem 3rem;
  font-size: 1.2rem;
  font-weight: 500;
}
.select-dropdown {
  color: white;
}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 16px;
    color: #263238;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}
.select-dropdown.dropdown-content li.selected {
    background-color: rgba(0,0,0,0.08);
}
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #455A64;
}
.select-wrapper input.select-dropdown {
    border-bottom: 1px solid #455A64;
}

#download-spreadsheet-button, #view-other-news-button {
    width: 250px;
    height: 60px;
    background-color: #263238;
    color: #ffffff;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 1rem;
    padding: 0.25rem;
    -webkit-box-shadow: 10px 10px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 10px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 15px -5px rgba(0,0,0,0.3);
}
#view-other-news-button {
    margin: auto auto 2rem auto!important;
}
#download-spreadsheet-button.home {
    display: inline-block;
    vertical-align: top;
    margin: 2rem auto 0 auto;
}
#about-main-section {
    width: 95%;
    max-width: 1000px;
    height: auto;
    min-height: 500px;
    margin: 1rem auto;
    overflow: auto;
}
#about-main-section-left {
    width: 63%;
    height: auto;
    background-color: #90A4AE;
    display: inline-block;
    margin: 0 1rem 0 0;
    float: left;
    text-align: left;
}
#about-main-text {
    width: 90%;
    height: auto;
    color: #000000!important;
    margin: auto auto;
    padding: 1rem 2rem 2rem 2rem;
}
#about-main-text p {
    color: #000000!important;
}
#about-main-section-right {
    width: 35%;
    height: auto;
    background-color: #90A4AE;
    display: inline;
    float: left;
}

#news-main-section {
    width: 95%;
    max-width: 1000px;
    height: auto;
    min-height: 500px;
    margin: 1rem auto;
    overflow: auto;
}
#news-main-section-left {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 1rem 0 0;
    float: left;
    text-align: left;
}
#news-main-text {
    width: 100%;
    height: auto;
    color: #000000!important;
    margin: auto auto;
}
#news-main-text p {
    color: #000000!important;
}

.news-square {
  width: 29%;
  min-width: 240px;
  height: 320px;
  background-color: #B0BEC5;
  color: #000000;
  display: inline-block;
  float: left;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding: 0.75rem;
}
.news-square:nth-child(3n) {
    /*margin: 0.5rem 0 0.5rem 0!important;*/
}
.news-square-header {
    font-size: 1rem;
    font-weight: bold;
    margin: 0.5rem auto;
    color: #000000;
}
.news-square-subheader {
    font-size: 0.7rem;
    font-weight: normal;
    margin: 0.5rem auto;
    color: #000000;
}
.news-square-content {
    font-size: 0.9rem;
    color: #000000;
    margin: 0.5rem auto;
}
.news-square-source-link {
    font-size: 0.8rem;
    font-weight: normal;
    color: #000000;
}

#cases-image-area {
    width: 100%;
    height: 350px;
    background-color: #000000;
    position: relative;
}
#cases-main-section {
    width: 95%;
    max-width: 1000px;
    height: auto;
    min-height: 500px;
    margin: 1rem auto;
    overflow: auto;
}
#cases-main-section-left {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 1rem 0 0;
    float: left;
    text-align: left;
}
#cases-main-text {
    width: 100%;
    height: auto;
    color: #000000!important;
    margin: auto auto;
}
#cases-main-text p {
    color: #000000!important;
}

.cases-square {
    width: 30%;
    max-width: 400px;
    height: 200px;
    background-color: #B0BEC5;
    color: #000000;
    display: inline-block;
    float: left;
    margin: 0.5rem 0.75rem 0.5rem 0;
    padding: 0.75rem;
}
.cases-square:nth-child(3n) {
    margin: 0.5rem 0 0.5rem 0!important;
}
#cases-image-area-top-left {
    width: 60%;
    /*
    height: auto;
    */
    max-width: 600px;
    height: 150px;
    margin: 0 0 0 1rem;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}
.case-name {
    font-size: 1.9rem;
    font-weight: normal;
    margin: 1rem auto 0.25rem auto;
    color: #FFFFFF;
}
/*
.case-subheader {
    font-size: 0.7rem;
    font-weight: normal;
    margin: 0.5rem auto;
    color: #000000;
}
*/
.case-aka {
    font-size: 0.9rem;
    color: #ffffff;
    margin: 0 auto;
    text-transform: uppercase;
    font-style: normal;
}
.case-subheader {
    font-size: 0.8rem;
    font-weight: normal;
    margin: 0 auto;
    color: #ffffff;
}
#case-back-button {
    width: 100px;
    height: 50px;
    background: transparent;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    top: 10px;
    right: 0;
    float: right;
    display: inline-block;
    margin: 1rem 1rem 0 0;
}
#case-spreadsheet-download {
    width: 250px;
    height: 50px;
    background-color: #263238;
    color: #ffffff;
    position: relative;
    bottom: -7rem;
    left: 0;
    text-align: center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius: 10px;
    margin: 1rem;
    padding: 0.25rem;
}
#twitter-bug-back{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.2rem;
    margin: 0 0 0 1rem;
    background-color: #2ba1f2;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: -10px;
    right: 40px;
    float: right;
}

#twitter-bug-back img {
    margin: 0.75rem;
}
#photo-credit {
    width: auto;
    height: 20px;
    font-size: .8rem;
    margin: 0 0 0 1rem;
    padding: 0.25rem 0.5rem 0 0.5rem;
    color: #90A4AE;
    background-color: #263238;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: -70px;
    right: -30px;
    float: right;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #263238;
}

.rogue-button-header {
    font-size: 0.9rem;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    margin: 0.5rem auto 0 auto;
}
.rogue-button-subheader {
    font-size: 0.7rem;
    font-weight: normal;
    font-style: lighter;
    margin: 0 auto;
    text-transform: none!important;
}
.single-case-square {
    width: 32.5%;
    max-width: 400px;
    height:auto;
    min-height: 300px;
    background-color: #B0BEC5;
    color: #000000;
    font-size: 0.8rem;
    display: inline-block;
    float: left;
    margin: 0.5rem 0.75rem 0.5rem 0;
}
.single-case-square:nth-child(3n) {
    margin: 0.5rem 0 0.5rem 0!important;
}
.single-case-square .section-heading {
    padding: 1rem 0 0 2rem;
    font-size: 1.3rem;
    font-weight: lighter;
    text-transform: uppercase;
}
.single-case-data-area {
    width: 90%;
    height: auto;
    padding: 0.75rem;
    color: #000000!important;
    word-wrap: break-word;
}
.single-case-data-area a {
    color: #000000!important;
    text-decoration: underline!important;
}

.flex-area {
    display: flex;
    width: 100%;
    height: auto;
}

.flex-area .single-case-square {
    flex: 1;
    vertical-align: top;
}

a.footer-link {
    padding-left: 1rem;
}

footer {
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    background: #263238;
    padding-top: 0.5rem;
}
footer div {
    display: inline-block;
    vertical-align: middle;
    width: 30.5%;
    height: auto;
}

footer #footer-left {
    text-align: left;
    padding-left: 3rem;
}
footer #footer-center {
    text-align: center;
}
footer #footer-right {
    text-align: right;
    font-size: .7rem;
}

@media screen and (max-width: 900px) {
    #home-button h1 {
      -webkit-transform: skew(0deg);
      transform: skew(0deg);
      font-size: 2rem;
      margin: auto;
      padding-top: 2rem;
      height: ;
    }
    #home-button {
        transform: skew(0deg);
        -webkit-transform: skew(0deg);
        height: 6rem;
        background-color: #263238;
        width: 100vw;
        display: block;
        text-align: center;
    }
    #about-button {
      transform: skew(0deg);
      -webkit-transform: skew(0deg);
      height: 3.1rem;
      background-color: #455A64;
      width: 100vw;
      display: block;
        left: 0;
    }
    #news-button {
      transform: skew(0deg);
      -webkit-transform: skew(0deg);
      height: 3.1rem;
      background-color: #90A4AE;
      width: 100vw;
      display: block;
        left: 0;
    }
    #header {
      background-color: transparent;
      background: transparent;
      width: 100vw;
      height: auto;
    }
    .button-text {
      transform: skew(0deg);
      -webkit-transform: skew(0deg);
      margin: auto;
      font-size: 1.4rem;
      padding-top: .5rem;
    }
    #main-section {
      margin: 0rem;
      width: 100vw;
      min-height: 83%;
      background-color: #90A4AE;
    }
    #main-section-left {
      display: block;
      width: 100%;
    }
    .section-heading {
        padding: 1.25rem 1rem 1rem 1rem;
        font-size: 1rem;
    }
    #main-text {
      width: 100%;
    }
    #download-spreadsheet-button.home {
        display: block;
        margin: auto;
        margin-bottom: 1rem;
    }
    .case-card {
      width: 93%;
    }
    .input-field-label {
      padding: 0rem 0rem .5rem 1rem;
    }
    #issue-area-dropdown {
        width: 92%;
        padding: 0rem 0rem 0rem 1rem;
    }
    #legal-area-dropdown {
        width: 92%;
        padding: 0rem 0rem 0rem 1rem;
    }
    #footer-left {
      display: none;
    }
    #footer-center {
      display: block;
      width: 100%;
    }
    footer #footer-right {
        text-align: center;
        font-size: .7rem;
        padding-bottom: 1rem;
    }
    #footer-right {
      display: block;
      width: 100%;
      background-color: #263238;
    }
    #main-section-right {
      display: none;
    }
    #about-main-section {
      overflow-x: hidden;
    }
    #about-main-section-left {
      width: 100%;
    }
    #about-main-section-right {
      width: 100%;
    }
    #about-main-text {
      width: 90%;
      padding: 1rem 2rem 2rem 1rem;
      font-size: .9rem;
    }

    .flex-area {
        display: block;
        width: 100%;
        height: auto;
    }
    .flex-area .single-case-square {
        flex: 1;
        vertical-align: top;
    }
    .single-case-square {
        width: 100%;
        height: auto;
        max-width: none;
        min-height: 300px;
        background-color: #B0BEC5;
        color: #000000;
        font-size: 0.8rem;
        display: block;
        float: none;
        margin: 1rem auto;
    }
    .single-case-square:nth-child(3n) {
        margin: 1rem auto!important;
    }
}

@media screen and (min-width: 601px) and (max-width: 899px) {
    #main-text {
      width: 100%;
    }
    #download-spreadsheet-button.home {
      display: inline-block;
      vertical-align: top;
      margin: -1rem 0rem 1rem 2rem;
    }
    .news-square {
        width: 42%;
        height: 330px;
    }
    /*
    .flex-area {
        display: flex;
        width: 100%;
        height: auto;
    }
    .flex-area .single-case-square {
        vertical-align: top;
    }
    .single-case-square {
        width: 32.5%;
        height: auto;
        max-width: 400px;
        min-height: 300px;
        background-color: #B0BEC5;
        color: #000000;
        font-size: 0.8rem;
        display: block;
        float: left;
        margin: 1rem auto;
    }
    .single-case-square:nth-child(3n) {
        margin: 1rem auto!important;
    }
    */

}



@media screen and (min-width: 900px) and (max-width: 1199px){
    .news-square {
        width: 28%;
        max-width: none;
        min-width: 240px;
        height: 320px;
        background-color: #B0BEC5;
        color: #000000;
        display: inline-block;
        float: left;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem;
        padding: 0.75rem;
    }
    .single-case-square {
        width: 32.5%;
        max-width: 400px;
        height:auto;
        min-height: 300px;
        background-color: #B0BEC5;
        color: #000000;
        font-size: 0.8rem;
        display: inline-block;
        float: left;
        margin: 0.5rem 0.75rem 0.5rem 0;
    }
    .single-case-square:nth-child(3n) {
        margin: 0.5rem 0 0.5rem 0!important;
    }
    .single-case-square .section-heading {
        padding: 1rem 0 0 2rem;
        font-size: 1.3rem;
        font-weight: lighter;
        text-transform: uppercase;
    }
    .single-case-data-area {
        width: 90%;
        height: auto;
        padding: 0.75rem;
        color: #000000!important;
        word-wrap: break-word;
    }
    .single-case-data-area a {
        color: #000000!important;
        text-decoration: underline!important;
    }

    .flex-area {
        display: flex;
        width: 100%;
        height: auto;
    }

    .flex-area .single-case-square {
        flex: 1;
        vertical-align: top;
    }

    .input-field {
  max-width: 80%;
}
.section-header {
  font-size: 1.3rem;
  padding:
}
h1 {
  font-size: 2rem;
}
.button-text {
  font-size:1.6rem;
}
#main-section {
  min-height: 88%;
}
.section-heading {
    padding: 1.25rem 1rem 1rem 2rem;
    font-size: 1.32rem;
}
#download-spreadsheet-button.home {
    margin: 0rem 0rem 1rem 2rem;
}
#download-spreadsheet-button, #view-other-news-button {
  width: 14rem;
}
#about-main-text {
  padding: 1rem 2rem 2rem 2rem;
}
}


@media screen and (min-width: 1200px) {
/*
.input-field{
  width: 60% !important;
}
*/
}
@media screen and (max-width: 589px) {
    .case-name {
        font-size: 1.2rem;
        font-weight: normal;
        margin: 1rem auto 0.25rem auto;
        color: #FFFFFF;
    }
    .case-aka {
        font-size: 0.8rem;
        color: #ffffff;
        margin: 0 auto;
        text-transform: uppercase;
        font-style: normal;
    }
    .case-subheader {
        font-size: 0.7rem;
        font-weight: normal;
        margin: 0 auto;
        color: #ffffff;
    }
    .news-square {
        width: auto;
         min-width: auto;
        height: 320px;
        background-color: #B0BEC5;
        color: #000000;
        display: inline-block;
        float: left;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem;
        padding: 0.75rem;
    }
    #case-spreadsheet-download {
        width: 250px;
        height: 50px;
        background-color: #263238;
        color: #ffffff;
        position: relative;
        bottom: -5rem;
        left: 0;
        text-align: center;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: 1rem;
        padding: 0.25rem;
    }
    #photo-credit {
        width: auto;
        height: 20px;
        font-size: .8rem;
        margin: 0 0 0 1rem;
        padding: 0.25rem 0.5rem 0 0.5rem;
        color: #90A4AE;
        background-color: #263238;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: -80px;
        right: -60px;
        float: right;
    }
}
@media screen and (max-width: 340px) {

    #home-button h1 {
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
        font-size: 1.7rem;
        margin: auto;
        padding-top: 2rem;
        height:;
    }
    .section-heading {
        padding: 1.25rem 1rem 1rem 1rem;
        font-size: 1rem;
    }
    #news-main-section-left .section-header {
        width: 95%;
        height: auto;
        min-height: 55px;
        background-color: #455A64;
        position: relative;
        top: 0;
        left: 0;
        margin: auto auto;
    }
    #case-spreadsheet-download {
        width: 150px;
        height: 50px;
        background-color: #263238;
        color: #ffffff;
        position: relative;
        bottom: -5rem;
        left: 0;
        text-align: center;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: 1rem;
        padding: 0.25rem;
    }
    .rogue-button-header {
        font-size: 0.7rem;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
        margin: 0.5rem auto 0 auto;
    }
    #news-main-section {
        width: 100%!important;
        /*
        max-width: 1000px;
        */
        height: auto;
        min-height: 500px;
        margin: 1rem auto;
        overflow: auto;
    }
    .news-square {
        width: auto;
        max-width: 100%;
        /* min-width: 240px; */
        height: 320px;
        background-color: #B0BEC5;
        color: #000000;
        display: inline-block;
        float: left;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem;
        padding: 0.75rem;
    }
    #case-back-button {
        width: 60px;
        height: 50px;
        background: transparent;
        color: #ffffff;
        text-transform: uppercase;
        position: relative;
        top: 10px;
        right: 0;
        float: right;
        display: inline-block;
        margin: 1rem 1rem 0 0;
    }
    #twitter-bug-back{
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 1.2rem;
        margin: 0 0 0 1rem;
        background-color: #2ba1f2;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: -10px;
        right: 40px;
        float: right;
    }

    #twitter-bug-back img {
        margin: 0.75rem;
    }
    /*
    #photo-credit {
        width: auto;
        height: 20px;
        font-size: .7rem;
        margin: 0 0 0 1rem;
        padding: 0.25rem 0.5rem 0 0.5rem;
        color: #90A4AE;
        background-color: #263238;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: -70px;
        right: -60px;
        float: right;
    }
    */
    #photo-credit {
        width: auto;
        height: 20px;
        font-size: .8rem;
        margin: 0 0 0 1rem;
        padding: 0.25rem 0.5rem 0 0.5rem;
        color: #90A4AE;
        background-color: #263238;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: -80px;
        right: -60px;
        float: right;
    }
    footer #footer-right {
        text-align: center;
        font-size: .7rem;
        padding-bottom: 1rem;
    }
    a.footer-link {
        padding-left: 1rem;
        display: block;
        margin: 0.25rem auto 0.25rem -1.25rem;
    }
}