/******* COMMON INTERFACE ELEMENTS *******/
html, body, p, ul, ol, li, .tooltip, .popover {
  font-family: 'Roboto', Calibri, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', Calibri, Arial, sans-serif;
}

/* RESETS */
html {
  /* scrollbar fix (prevent ugly left pull for lower content sites) */
  overflow-y : scroll;
  min-height : 100%;
  height     : 100%;
}
body {
  font-weight    : 300;
  min-height     : 100%;
  height         : 100%;
  position       : relative;
  display        : flex;
  flex-direction : column;
}

/* repeat definition because of body flex */
.container-fluid {
  width : 100%;
}

a:hover, a:focus {
  text-decoration : none;
  cursor          : pointer;
}
.clear {
  clear : both;
}
.btnStarlinkBlue {
  margin        : 0 10%;
  padding       : 20px;
  width         : 80%;
  border        : 1px solid #3FA2F7;
  background    : #3FA2F7;
  border-radius : 30px;
  outline       : none;
  text-align    : center;
  text-shadow   : none;
  color         : #fff;
  font-weight   : 400;
  font-size     : 18px;
}
.btnStarlinkBlue:hover,
.btnStarlinkBlue:focus {
  background : #fff;
  color      : #3FA2F7;
  border     : 1px solid #3FA2F7;
}

/* BLOCK: block */
.block {
  width: 100%;
  padding: 0 15px;
}
    .block--spaceUp {
       padding-top: 15px;
     }
    .block--spaceDown {
      padding-bottom: 30px;
    }
    .block--grey {
      background: #F5F6F7;
      border-top: 1px solid #E1E7EB;
    }
    .block--lightGrey {
      background: #F8F9FA;
    }
        .block__header {
          margin      : 45px auto 20px;
          text-align  : center;
          font-size   : 56px;
          font-weight : 300;
          color       : #1b1b1b;
        }
        @media (min-width: 768px) {
          .block__header {
            font-size: 72px;
          }
        }

.margin-top    { margin-top: 5px; }
.margin-bottom { margin-bottom: .5em; }
.margin-bottom-big { margin-bottom: 3rem;}

.header {
  margin      : 5rem auto 1rem;
  color       : #1b1b1b;
  font-size   : 42px;
  line-height : 50px;
  font-weight : 300;
  text-align  : center;
}
.header--spaceDown {
  margin-bottom : 5rem;
}

@media (min-width: 1200px) {
  .btnStarlinkBlue {
    margin  : 0 25%;
    width   : 50%;
    display : block;
  }
}
@media screen and (-webkit-min-device-pixel-ratio : 1.5) , screen and (min--moz-device-pixel-ratio : 1.5), (max-width : 767px) {
  .btnStarlinkBlue {
    width  : 100%;
    margin : 0;
  }
}