body {
  color: #FFFFFF;
  background: url("../images/reconbkgbrx18.png");
  background-repeat: no-repeat;
  /*background-size: 100%;*/
  /*width: 100%;*/
  background-color: #17171c;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal; }

h2 {
  color: #ffffff; }

.footer {
  text-align: center; }

.site-title {
  font-size: 4em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding: 10px;
  transition: 2s;
  margin: 3px; }
  @media screen and (max-width: 768px) {
    .site-title {
      font-size: 4em; } }
  @media screen and (max-width: 767px) {
    .site-title {
      font-size: 3em; } }
  @media screen and (max-width: 640px) {
    .site-title {
      font-size: 2em;
      padding: 5px; } }
  @media screen and (max-width: 450px) {
    .site-title {
      font-size: 2em; } }

.big_bouton_BRX {
  background-color: #928177;
  color: #000000;
  border-radius: 5px;
  text-align: center;
  transition: 1s;
  margin-bottom: 50px; }
  .big_bouton_BRX pre {
    font-size: 1em;
    font-family: "monospace", monospace; }
    @media screen and (max-width: 768px) {
      .big_bouton_BRX pre {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .big_bouton_BRX pre {
        font-size: 1em; } }
    @media screen and (max-width: 640px) {
      .big_bouton_BRX pre {
        font-size: .9em; } }
    @media screen and (max-width: 450px) {
      .big_bouton_BRX pre {
        font-size: .8em; } }

.big_bouton_BRX:hover {
  background: #cdc8c4; }

.big_bouton_MTL {
  background-color: #413c39;
  color: #cdc8c4;
  border-radius: 5px;
  text-align: center;
  transition: 1s;
  margin-bottom: 50px; }
  .big_bouton_MTL pre {
    font-size: 1em;
    font-family: "monospace", monospace; }
    @media screen and (max-width: 768px) {
      .big_bouton_MTL pre {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .big_bouton_MTL pre {
        font-size: 1em; } }
    @media screen and (max-width: 640px) {
      .big_bouton_MTL pre {
        font-size: .9em; } }
    @media screen and (max-width: 450px) {
      .big_bouton_MTL pre {
        font-size: .8em; } }
  .big_bouton_MTL p {
    font-size: 12px; }
  .big_bouton_MTL a {
    text-shadow: none; }

.big_bouton_MTL:hover {
  background-color: #cdc8c4;
  color: #000000; }

.big_bouton_slides {
  color: #FFFFFF;
  height: 80px;
  background-color: #564751;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 50px;
  transition: .5s; }
  .big_bouton_slides pre {
    font-size: 1em;
    font-family: "monospace", monospace; }
    @media screen and (max-width: 768px) {
      .big_bouton_slides pre {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .big_bouton_slides pre {
        font-size: 1em; } }
    @media screen and (max-width: 640px) {
      .big_bouton_slides pre {
        font-size: .9em; } }
    @media screen and (max-width: 450px) {
      .big_bouton_slides pre {
        font-size: .8em; } }

.big_bouton_slides:hover {
  background: #cdc8c4;
  color: #000000; }

.big_bouton_video {
  color: #FFFFFF;
  height: 80px;
  background-color: #201c15;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 50px;
  transition: .5s; }
  .big_bouton_video pre {
    font-size: 1em;
    font-family: "monospace", monospace; }
    @media screen and (max-width: 768px) {
      .big_bouton_video pre {
        font-size: 1em; } }
    @media screen and (max-width: 767px) {
      .big_bouton_video pre {
        font-size: 1em; } }
    @media screen and (max-width: 640px) {
      .big_bouton_video pre {
        font-size: .9em; } }
    @media screen and (max-width: 450px) {
      .big_bouton_video pre {
        font-size: .8em; } }

.big_bouton_video:hover {
  background: #abd79e; }

a {
  color: #ffffff;
  text-decoration: none; }

a:hover {
  color: #FFFFFF; }

p {
  color: #ffffff; }

.blurb {
  font-size: 1.1em;
  text-shadow: 0px 80px 150px #474747;
  color: #DCDCDC;
  margin-top: 25px;
  text-align: justify; }
  @media screen and (max-width: 768px) {
    .blurb {
      font-size: 1.1em;
      margin-top: 25px; } }
  @media screen and (max-width: 767px) {
    .blurb {
      font-size: 1.1em;
      margin-top: 20px; } }
  @media screen and (max-width: 640px) {
    .blurb {
      font-size: .8em;
      margin-top: 15px; } }
  @media screen and (max-width: 450px) {
    .blurb {
      font-size: .8em;
      margin-top: 10px; } }

.hidden {
  display: none;
  visibility: hidden; }

.footer-heading {
  color: #ffffff; }

ul {
  list-style: none; }

/*# sourceMappingURL=style.css.map */
