/* ------------------ Fonts ----------------------------------------------- Fonts ----------------------------- */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Rubik:400,500,700,900');

/* ------------------ General ----------------------------------------------- General ----------------------------- */
html {
  scroll-behavior: smooth;
}

body {
    background-image: url("../img/03/steamconf-page-white-background.svg");
    background-position: center;
    background-size: cover;
    cursor: url("../img/00/steamconf_atom.png"), url("../img/00/steamconf_atom.cur"), default;
}

.nav-link-lang
{
  text-transform: lowercase !important;
}

.page-container {
  padding: 0 35px !important;
  margin: 30px 0 0 0;
}

.container-fluid {
    padding: 0 60px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', sans-serif;
}

h1 {
  font-size: 3rem !important;
}

h6 {
  line-height: 1.35;
}

p {
  font-family: 'Rubik', sans-serif;
  text-align: justify;
  text-justify: auto;
  line-height: 165%;
}

.breadcrumb {
  margin-top: 90px;
  background-color: transparent !important;
  padding: 35px 35px !important;
}

.breadcrumb a, .breadcrumb-item::before{
  color: #777777 !important;
}

.breadcrumb-item.active {
  color: #AEAEAE !important;
}

.breadcrumb a:hover{
  color: #F06F2B !important;
  text-decoration: none;
}

.section {
  padding: 70px 0 0 0;
}

.section-title {
  font-weight: 600;
}

.section-text  {
  font-size: 1.2em;
  line-height: 1.7em;
}

button {
  background: #F06F2B;
  color: white;
  transition: .3s ease;
}

button:hover {
  text-decoration: none !important;
  border-color: #F06F2B;
  border: 1px solid;
  cursor: url("../img/00/steamconf_atom.png"), url("../img/00/steamconf_atom.cur"), default;
}

.btn:not(:disabled):not(.disabled) {
    cursor: url("../img/00/steamconf_atom.png"), url("../img/00/steamconf_atom.cur"), default;
}

.btn-txt-highlight {
  margin: 15px 0;
}

.orange {
  color: #F06F2B;
}

.black {
  color: #212529;
}

.gray {
  color: #595959 !important;
}

.black:hover {
  color: #F06F2B;
  transition: .3s ease;
  text-decoration: none;
}

.dots {
  border-bottom: 3px dashed #F06F2B;
  width: 49px;
  display: block;
  margin: 30px 0 30px auto !important;
}

.title-with-subtitle-01 {
  margin-bottom: 7px;
}

.title-with-subtitle-02 {
  margin-bottom: 23px;
}

.in-progress-container {
  margin: 90px auto 130px auto;
}

@media screen and  (min-width: 768px) {

}

@media screen and  (min-width: 992px) {

  .page-container {
    margin: 25px 0 0 0;
    padding: 0 75px !important;
  }

  .breadcrumb {
    padding: 35px 75px !important;
  }

}

/* ---- NAV -------------- */

.navbar {
  width: 100%;
  margin: 0 0 0 0;
  right: 0;
  position: fixed !important;
  z-index: 99;
  opacity: 0.95;
}

.navbar-nav {
  text-align: center;
}

.navbar-brand {
  width: 77px;
  margin-left: 0;
  padding: 0;
}

.nav-item-01, .nav-item-02, .nav-item-03, .nav-item-04, .dropdown-toggle {
  margin: 0 auto;
}

.navbar-nav li {
    border-bottom: 1px solid #F06F2B;
    width: 80%;
    margin-bottom: 1%;
}

.nav-link {
  display: block;
  position: relative;
  margin: 0 auto;
}

.dropdown-item:hover {
  background-color: #F06F2B !important;
}

.dropdown-item {
  text-align: center !important;
}

.language-dropdown {
  border-bottom: none !important;
}

.dropdown-menu {
    min-width: 7rem;
    padding: 0.5rem 4px;
    margin-bottom: 1%;
    text-align: center;
    border-radius: 0;
    background-color: #f8f9fa;
    border: none;
}

.dropdown {
  margin: 0 auto;
}

.breadcrumbs-bar {
  position: fixed;
  display: block;
  background-color: #F06F2B;

}

.program-dropdown {
  width: 119px;
}

.navbar-collapse {
  background-color: #f8f9fa;
  display: block;
  position: relative;
  top: 4px;
}

.navbar-light .navbar-toggler {
    border-color: transparent !important;
}


.nav-twitter-follow {
  display: block;
  position: fixed;
  right: 0;
  background-color: #5F3D6E;
  width: 100%;
  color: white;
  font-size: 13px;
  padding: 5px 60px 5px 0;
  text-align: end;
  z-index: 1030;
  bottom: 0;
}

.twitter-logo {
  padding-left: 5px;
}

.nav-twitter-follow p {
  text-align: right;
  padding: 0;
  margin: 0
}

 #go-to-top-button {
  display: none;
  position: fixed;
  bottom: 0;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
  padding: 15px;
  width: 75px;
  }


@media screen and  (min-width: 768px) {
  .navbar-brand {
    width: 90px;
    margin-left: 5%;
  }

   #go-to-top-button {
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    padding: 25px;
    width: 90px;
  }
}


@media screen and  (min-width: 992px) {

  .nav-item-02, .nav-item-03 {
    width: 115px;
  }

  .nav-item-04 {
    width: 140px;
  }

  .nav-item-02, .nav-item-03 {
    width: 115px;
  }

  .nav-item-04 {
    width: 140px;
  }

  .nav-item-01  {
    width: 200px !important;
  }

  .navbar-nav li {
      border-bottom: none;
      width: 140px;
  }

   #go-to-top-button {
     right: 30px;
     padding: 25px;
     width: 100px;
  }

}

/* --- HOME --- */

/* --- bg --- */

.bg-section {
  position: relative;
  /* height: 100vh; */
}

.bg-section-text {
  padding-left: 20px !important;
}

.bg-text {
  bottom: 0;
  margin: 0;
  background-color: #5E3A80;
  padding: 50px 30px;
  color: white;
  text-shadow: 0 1px 3px black;
}

.bg-info-subtitle {
  padding-top: 25px;
  text-shadow: 0px 1px 3px black;
}

.bg-section-btns .btn {
  margin: 23px 30px 0 0;
  background-color: #3a1d46;
  color: white;
}

.bg-gears img {
  display: none;
  position: absolute;
  top: 8%;
  right: 55%;
  left: -17%;
  z-index: 1;
}

/* #carousel-home {
    width: 100%;
}

.carousel-inner .carousel-item{
    width: 100vh;
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg1 {
    background: url(../img/03/steamconf-bg-02.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg2 {
    background: url(../img/03/steamconf-bg-05.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg3 {
    background: url(../img/03/steamconf-bg-06.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg4 {
    background: url(../img/03/steamconf-bg-04.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg5 {
    background: url(../img/03/steamconf-bg-03.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg6 {
    background-image: url(../img/03/steamconf-bg-01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} */



@media screen and  (min-width: 768px) {

  .bg-gears img {
    display: none;
  }

  .bg-text {
    padding: 50px;
  }
}


@media screen and  (min-width: 992px) {

  .bg-section-text {
    padding-left: 60px !important;
  }

  .bg-text {
    position: absolute;
    margin: 0 3%;
  }

  .bg-section-btns .btn {
    margin: 14px 0 5px 3px;
  }

  .bg-info-title {
    padding: 9px 0 0 0;
  }

  .bg-info-subtitle {
    padding: 10px 0 10px 0;
  }

  .bg-title h1{
    font-weight: 700;
    font-size: 3.5em;
    text-align: left;
  }

  .bg-subtitle h4{
    font-size: 24px;
    text-align: left;
  }
}

@media screen and  (min-width: 1200px) {

  .bg-section {
      height: 750px;
  }

  .bg-btn {
    width: 200px;
  }

  .bg-info-subtitle {
    padding: 10px 0 10px 5px;
  }
}

/* --- main-description-section --- */

.home-description-section {
  background-color: #F4F4F4;
  position: relative;
  text-align: left;
  overflow: visible;
}

.home-description-section .btn {
  text-shadow: 0 1px 3px black;
}

.home-description-container {
  padding: 0 30px 60px 30px !important;
}

.home-description-container img {
  display: none;
  position: absolute;
  top: 8%;
  right: 55%;
  left: -17%;
  z-index: 1;
}

.home-description-container .dots {
  margin: 30px 0 30px 0 !important;
}

@media screen and  (min-width: 768px) {

  .home-description-container img {
    display: block;
    top: -41%;
    left: 70%;
    width: 39%;
    transform: rotate(152deg);
  }

  .home-description-container {
    padding: 0 60px 60px 60px !important;
  }

}

@media screen and  (min-width: 992px) {

  .home-description-section {
    text-align: right;
  }

  .home-description-container {
    padding-left: 35% !important;
  }

  .home-description-container .dots {
    margin: 30px 0 30px auto !important;
  }

  .home-description-container img {
    display: block;
    top: -11%;
    left: -17%;
    width: 47%;
    transform: none;
  }

  .home-description-container {
    padding-left: 30%;
  }
}

@media screen and  (min-width: 1200px) {

  .home-description-container img {
    top: -15%;
    left: -13%;
    width: 41%;
  }
}

/* ------- home-speakers-section -------- */

.home-speakers-section {
  display: contents;
  height: 100%;
  margin-bottom: 10%;
}

.home-speakers-container {
  position: relative;
  background-image: url("../img/01/steamconf-robot-03-1.svg");
  background-position: center;
  background-size: cover;
  padding: 90px 0 0 0;
  overflow: hidden;
}

.home-speaker-img {
  display: block;
  position: relative;
  border-radius: 50%;
  z-index: 3;
  padding: 77px;
}

.home-speaker-img-bkg-left {
  display: block;
  position: absolute;
  bottom: 49px;
  width: 67%;
  left: 45px;
}

.home-speaker-img-bkg-right {
  display: block;
  position: absolute;
  bottom: 47px;
  width: 67%;
  left: 139px;
}

.home-speaker-img-text {
  text-align: center;
  margin: 70px 0;
}

.home-speaker-img-text a {
  color: #F06F2B;
  transition: .1s ease;
}

.home-speaker-img-text a:hover {
  color: #5E3A80;
  text-decoration: none;
  transform: scale(1.1);
}

.home-speaker-img-text h5 {
  color: black;
}

.speaker-text-block {
  padding: 25px;
  margin: 0 25px;
  background-color: #ffffffe6;
  border-radius: 25px;

}


#st1{
  fill:#6CB9EB;
}

#st2{
  fill:#FDE717;
}

#st3{
  fill:#E12F7A;
}

#st4{
  fill:#18AE92;
}

#st5{
  fill:#DB70CF;
}

#st6{
fill:#14A6B5;
}

#st7{
  fill:#419CEC;
}

#st8{
  fill:#EBA26C;
}

#st9{
  fill:#16D5A8;
}

#st10{
  fill:#ECB021;
}

#st11{
  fill:#A660C6;
}

.home-speakers-section .section-title {
  text-align: center;
}

.home-speakers-section-robot {
  position: absolute;
}

@media screen and  (min-width: 768px) {

  .home-speakers-section {
      margin-bottom: 30%;
      }

  .home-speakers-section-robot {
    top: 5%;
    right: 0;
    left: 0;
  }

  .home-speaker-img {
    padding: 0;
  }

  .home-speaker-img-bkg-left {
    bottom: 73px;
    width: 88%;
    left: 45px;
  }

  .home-speaker-img-bkg-right {
    bottom: 111px;
    width: 88%;
    left: 45px;
  }

}

@media screen and  (min-width: 992px) {

  .home-speakers-container {
    position: relative;
    background-image: url("../img/01/steamconf-robot-03-2.svg");
    background-position: center;
    background-size: cover;
    overflow: hidden;
    padding: 90px 0;
  }

  .home-speakers-section {
    position: relative;
    height: 100%;
    margin-bottom: 15%;
  }

  .home-speakers-area {
    margin: 120px 0;
  }

  .home-speakers-area .row {
    margin-bottom: 120px;
  }

  .home-speaker-img {
    padding: 0;
  }

  .home-speaker-img-text {
    text-align: left;
    margin: 0;
    padding: 11% 0 0 10% !important;
  }

  .home-speaker-img-bkg-left {
    bottom: -18px;
    width: 91%;
    left: 59px;
  }

  .home-speaker-img-bkg-right {
    bottom: 0;
    width: 91%;
    left: 59px;
  }

  .home-speakers-section-robot {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }

}

@media screen and  (min-width: 1200px) {

  .home-speakers-section-robot {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }

  .home-speaker-img-bkg-left, .home-speaker-img-bkg-right {
    bottom: -18px;
    width: 91%;
    left: 75px;
  }
}

  @media screen and  (min-width: 1750px) {

    .home-speaker-img-bkg-left, .home-speaker-img-bkg-right {
      bottom: -18px;
      width: 83%;
      left: 85px;
    }
}

/* --- home-workshops-section - #8b4e92-- */

.home-workshops-section {
  background-color: #0B7B7B;
  position: relative;
  color: white;
}

.home-workshops-section .btn {
  text-shadow: 0 1px 3px black;
}

.home-workshops-container {
  padding: 0 30px 60px 30px !important;
}

.home-workshops-container .dots {
    margin: 30px 0 30px 0 !important;
}

.home-workshops-container img {
  display: none;
  position: absolute;
}

@media screen and  (min-width: 768px) {

  .home-workshops-container {
    padding: 0 60px 60px 60px !important;
  }

}

@media screen and  (min-width: 992px) {

  .home-workshops-container {
    padding-left: 45% !important;
    text-align: right;
  }

  .home-workshops-container .dots {
      margin: 30px 0 30px auto !important;
  }

  .home-workshops-container .btn-sm {
    margin: 25px 0 !important;
  }

  .home-workshops-section img {
    display: block;
    top: -29%;
    left: -23%;
    width: 64%;
  }

}

@media screen and  (min-width: 1200px) {

  .home-workshops-container img {
    left: -16%;
    top: -37%;
    width: 57%;
  }
}

@media screen and  (min-width: 1300px) {
  .home-workshops-container img {
    top: -60%;
    left: -16%;
  }
}

@media screen and  (min-width: 1400px) {

  .home-workshops-container img {
    top: -65%;
    left: -16%;
  }
}

@media screen and  (min-width: 1600px) {

  .home-workshops-container img {
    top: -89%;
    width: 54%;
  }
}

/* --- organizers-section --- */

.home-organizers-section h2 {
  text-align: center;
}

.home-organizers-section .section-title {
  text-align: center;
}

.home-organizers-section-logo-block {
  margin: 10% 0;
  padding: 0 5% !important;
}

.logo-container {
  margin: 30px 0;
}

.logo-container .logo {
  margin: 0 auto;
  display: block;
  position: relative
}

.bcn-activa-logo {
  width: 100% !important;
  margin-top: 3px !important;
}

.organizer-logo, .collaborator-logo {
  width: 100%;
}

.partner-logo {
  width: 90%;
}

@media screen and  (min-width: 768px) {

  .organizer-logo, .collaborator-logo {
    width: 100%;
  }

  .partner-logo {
    width: 80%;
  }
}

@media screen and  (min-width: 992px) {

  .home-organizers-section-logo-block {
    margin: 7% 0;
  }

  .organizer-logo, .collaborator-logo {
    width: 80%;
  }

  .partner-logo {
    width: 70%;
  }
}

  @media screen and  (min-width: 1200px) {

    .organizer-logo, .collaborator-logo {
      width: 70%;
    }

    .partner-logo {
      width: 60%;
    }
}

/* ------------------------- PAGES ------------------------------- */

/* --- About STEAMConf --- */

.steering-committe-section {
  text-align: center;
}

.commite-asesor h1 {
  margin: 105px 0 45px 0;
}

.steering-committe-section-subtitle {
  margin-bottom: 60px;
}

.committe-container .row {
  margin-bottom: 75px;
}

.workshop-speaker-row {
  margin-top: 45px !important;
}

.committe-member-col {
  margin-top: 35px;
}

.committe-member-col img {
  position: relative;
  border-radius: 50%;
  width: 75%;
  margin: 0 auto;
  display: block;
}

.committe-member-col h2 {
  color: #F06F2B;
}

.committe-member-col h5 {
  margin-bottom: 41px;
}

.committe-member-col p {
  text-align: justify;
}

.committe-member-col a {
  color: #595959;
}

.committe-member-col a:hover {
  color: #F06F2B;
}

.committe-asesor h2 {
  margin: 20px 0 90px 0;
}

.about-highlight {
  margin-bottom: 35px;
}

.text-block-right {
  padding: 0 7%;
  text-align: justify;
}

@media screen and  (min-width: 992px) {

  .steering-committe-section {
    text-align: left;
  }

  .committe-member-col h2 {
    color: #F06F2B;
  }

  .committe-member-col h5 {
    margin-bottom: 25px;
  }
}

/* --- Speakers --- */

.speakers-page-title {
  text-align: center;
  margin: 0 0 60px 0;
}

.page-container-speakers .row{
  margin-bottom: 125px;
}

/* --- Schedule --- */

.content-date-title  {
  background-color: #F4F4F4;
  padding: 45px 30px !important;
  text-align: left;
}

.schedule-info h6, .paralel-workshops-info h6, .program-info h6 {
  color: #595959;
}

.content-time {
  margin-bottom: 0;
  text-align: center;
}

.content-time h4 {
  font-size: 1.1em;
}

.content-time h3 {
  margin-bottom: 25px;
  text-align: left;
  color: Black;
}


@media screen and  (min-width: 992px) {

    .content-date-title  {
      text-align: center;
    }

    .content-time h3{
      margin-bottom: 0;
    }

  }

/* ------------- workshops ---------------- */

.workshop-row {
  margin: 3% 0;
}

.content-row img {
  border-radius: 50%;
  width: 65%;
  margin: 0 auto;
  display: block;
  position: relative;
}

.coffee-break-icon {
  width: 11%;
  margin-right: 5%;
}

.coffee-break-span {
  margin-right: 10%;
}

@media screen and  (min-width: 768px) {

  .workshops-row {
    margin: 3% 0 -4% 0;
  }

  .content-row img {
    width: 60%;
  }

  .coffee-break-icon {
    width: 10%;
    margin-right: 5%;
  }

}

@media screen and  (min-width: 992px) {

  .workshops-row {
    margin: 3% 0;
  }

  .paralel-workshop-row {
    padding: 0 5%;
  }

  .paralel-workshops-info {
    margin: 0;
  }

  .paralel-workshops-info p {
    margin-top: 3% !important;
  }

  .workshops-speakers-area {
    padding-left: 20% !important;
    margin-top: 3%;
  }

  .workshops-speakers-area-row {
    margin-bottom: 3%;
  }

  .content-row img {
    width: 75%;
  }

  .coffee-break-icon {
    width: 5%;
  }

  .coffee-break-span {
    margin-right: 2%;
  }

  .content-workshops-info h3 {
    color: #F06F2B;
    margin-bottom: 0;
  }

  .content-workshops-info p {
    margin-top: 3%;
    padding-right: 0;
  }

  .parallel-workshops-container {
    padding-left: 10%;
  }

  .workshop-container {
    padding-right: 7%;
    padding-left: 7%;
  }

}

/* ------------- PROGRAM ---------------- */

.page-container-text {
  margin: 50px 0 90px 0;
}

.page-container-text hr{
  margin: 55px 0 !important;
}

.page-container-text a{
  color: rgba(0,0,0,.5);
}

.page-container-text a:hover{
  color: #A16BA7;
  text-decoration: none;
}

.bold-subtitle {
  font-weight: 700 !important;
}

.content-info h2 {
    color: #F06F2B;
    margin-bottom: 5px;
}

.conversa h2 {
  margin-bottom: 0 !important;
}

.content-info h6 {
    font-weight: 400;
    margin-top: 7%;
}

.content-info p {
    margin: 7% 0;
}

.content-row {
    margin: 3% 0;
}

.program-btn, .registry-btn {
  margin-top: 19px
  text-shadow: 0 1px 3px black;
}

.content-program-speaker-row {
   margin: 5% 0;
}

.content-language-notice {
  color: #acacac;
  font-style: italic;
  font-weight: 500 !important;
  margin-bottom: 2%;
}

.program-speaker h2{
  text-align: center;
  margin: 35px 0;
}

@media screen and  (min-width: 768px) {

  .content-info p {
      margin: 2% 0;
      padding:
  }

  .content-info h6 {
      font-weight: 400;
      margin-top: 1%;
  }

}

@media screen and  (min-width: 992px) {

  .page-container-text {
    margin: 90px 0;
  }

  .content-info p {
      padding-right: 70px;
  }

  .program-speaker h2{
    text-align: left;
  }

}

/* ------------- video ---------------- */

.page-container-video h1 {
  margin-bottom: 90px;
}

.video-row {
  margin: 0;
}

.video-col {
  padding: 0 30px;
  margin-bottom: 60px;
}

.video-text{
  margin-top: 15px;
  width: 90%;
}

.video-text-right {
  text-align: right;
}

.video-text h2{
  color: #F06F2B;
  margin-top: 10px;
}

.video-text p{
  font-weight: 400;
  font-size: 19px;
}

@media screen and  (min-width: 768px) {

}

@media screen and  (min-width: 992px) {

    .video-row {
      margin: 0 0 60px 0;
    }

    .video-col {
      margin-bottom: 0;
    }

}

@media screen and  (min-width: 1200px) {

  .video-row {
    margin: 0 0 90px 0;
  }

}


/* Hackathon */

.page-container-hackathon-col{
  margin-bottom: 30px;
}

.page-container-hackathon {
  margin-bottom: 60px;
 }

.page-container-hackathon h1{
  margin-bottom: 90px;
 }

 .page-container-hackathon h2{
   margin-bottom: 20px;
   color: #F06F2B;
  }

  .page-container-hackathon h4{
    margin-bottom: 20px;
   }


   @media screen and  (min-width: 768px) {

   }

   @media screen and  (min-width: 992px) {


   }

   @media screen and  (min-width: 1200px) {


   }

/* ------------- registry ---------------- */

.registry-container {
  margin-top: 0;
}

.registry-text-col {
  margin-bottom: 30px;
}

.certificate-col {
  border-left: none;
  padding: 0;
}

.registry-text h3, .registry-text h5 {
  margin-bottom: 15px;
}

.registry-btn {
  margin-top: 0; /*20px;*/
}

#registry-schedule-notice {
   padding-right: 49px;
}

.conference-registry-col {
  padding-right: 0;
}

.conference-registry-col ul{
  padding-left: auto;
}

@media screen and  (min-width: 768px) {

  .registry-text-col hr {
    display: block;
  }

}

@media screen and  (min-width: 992px) {

  .registry-text-col hr {
    display: none;
  }

  .registry-text-col {
    margin-bottom: 0;
  }

  .conference-registry-col {
    padding-right: 60px !important;
  }

  .certificate-col {
    border-left: 1px solid rgba(0,0,0,.1);
    padding: 0 15px 0 60px !important;
  }

}

/* ------------- SUBSCRIPTION ----------- */

.subscription-container {
  background-color: #F06F2B;
  padding: 60px 30px !important;
}

.subscription-row h2{
  color: white;
  padding: 0 0 35px 0;
  text-align: center;
  text-shadow: 0 1px 3px black;
}

.subscription-input .btn {
  margin-top: 0 !important;
  background-color: #5b321a;
}

.subscription-label {
  font-size: 2rem;
  color: white;
  font-weight: 500;
  margin-right: 60px;
  padding:  0 0 10px 0;
  display: none;
}

.subscription-form {
  border: none !important;
  border-radius: 3px !important;
}

.subscription-button {
  margin-left: 30px;
}

@media screen and  (min-width: 768px) {

  .subscription-container {
    padding: 60px !important;
  }

}

@media screen and  (min-width: 992px) {

  .subscription-container {
    padding: 60px !important;
  }

  .subscription-row h2{
    padding: 0 0 10px 0;
    color: white;
    text-align: left;
  }

  .subscription-input {
    padding-top: 21px;
  }

}

@media screen and  (min-width: 1200px) {

  .subscription-row h2{
    padding: 15px 0 10px 0;
  }
}

/* ------------- FOOTER ----------- */

.footer-section {
  background-color: #1E1E1E;
  position: relative;
  display: block;
  color: white;
  overflow: hidden;
}

.footer-container {
  padding: 0 30px 60px 30px !important;
}

.footer-section .dots {
  margin: 30px 0 30px 0 !important;
}

.footer-item {
  font-size: 1.2em;
  color: white !important;
}

.footer-item:hover {
  color: #F06F2B !important;
  text-decoration: none;
}

.footer-robot {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43%;
}

.twitter-hashtag-button {
  margin: 15px 0 20px 0;
}

.footer-nav {
  font-size: 1.2em;
}

.footer-nav-item {
  color: white;
  margin-right: 15px;
}

.footer-nav-item:hover {
  color: #F06F2B;
  text-decoration: none;
}

@media screen and  (min-width: 768px) {

  .footer-container {
    padding: 0 60px 60px 60px !important;
  }

  .footer-robot {
    width: 47%;
  }
}

@media screen and  (min-width: 992px) {

  .footer-container {
    padding: 0 39% 60px 60px !important;
  }

  .footer-robot {
    width: 35%;
  }

}

@media screen and  (min-width: 1200px) {

  .footer-container {
    padding: 0 60px 60px 60px !important;
  }

    .footer-robot {
      width: 30%;
    }
}