:root {
  --red:#BA0D0D;
  --dark-red:#A30909;
  --grey:#838689;
  --dark-grey:#686E72;
  --light-grey:#DDE0E3;
}

body {
  font-family: 'Open Sans';
  color:#3C3C3B;
  font-weight:700;
}

a {
  color:#FFF;
}

a:hover {
  color:#FFF;
}

.header .content .main {
  height:660px;
}

.header .content h1 {
  color:#FFF;
  font-weight:700;
  text-transform:uppercase;
}

.gradient {
  background: rgb(87,87,94);
  background: radial-gradient(circle, rgba(87,87,94,1) 7%, rgba(29,29,35,1) 74%);
}

.rounded {
  border-radius:1.7rem!important;
}

.separator {
  display:inline-block;
  width:140px;
  height:3px;
  background-color:var(--red);
}

.title h2 {
  text-transform:uppercase;
  color:var(--red);
  font-weight:700;
}

.bg-centered {
  background-position:50% 50%;
}

.bg-light-grey {
  background-color:var(--light-grey);
}

.bg-dark-grey {
  background-color:var(--dark-grey);
  color:#FFF;
}

.bg-grey {
  background-color:var(--grey);
  color:#FFF;
}

.bg-red {
  background-color:var(--red);
  color:#FFF;
}

.bg-dark-red {
  background-color:var(--dark-red);
  color:#FFF;
}

.red-bar {
  width:100%;
  height:18px;
  background-color:var(--red);
}

.current-contract .block {
  min-height:140px;
}

.current-contract .block p {
  text-transform:uppercase;
  font-weight:600;
  margin-bottom:0;
  font-size:.9rem;
}

.current-contract .block .separator {
  width:100%;
  background-color:#FFF;
}

.benefits .block h4 {
  font-weight:600;
  margin-top:1rem;
  margin-bottom:0;
  font-size:1.3rem;
}

.benefits .block img {
  height:70px;
}

.benefits .block p {
  margin-bottom:0;
}

.additional .block h5 {
  font-weight:600;
  text-transform:uppercase;
  font-size:1.35rem;
  margin-top:1rem;
}

.additional .block h4 {
  color:var(--red);
  background-color:#FFF;
  border-radius:15px;
  display:inline-block;
  padding:1rem;
  font-weight:bold;
  margin-top:1rem;
}

.what-to-do ol li {
  margin-bottom:1rem;
}

.what-to-do ol li::before {
  color: #FFF;
  background-color:var(--red);
  font-weight: bold;
}

.list .num {
  background-color:var(--red);
  font-weight:bold;
  margin-right:.2rem;
  padding:.2rem .5rem;
  border-radius:10px;
}

.table td, .table th {
    border-top: 1px solid #FFF;
}

.plans .heading th {
  color:#FFF;
  background-color:var(--red);
  text-transform:uppercase;
  text-align:center;
}

.plans .heading th:nth-child(2) {
  border-top-left-radius:10px;

}

.plans .heading th:nth-child(3) {
  border-right:2px solid var(--light-grey);
  border-left:2px solid var(--light-grey);

}

.plans .heading th:nth-child(4) {
  border-top-right-radius:10px;

}

.plans .heading .nothing {
  background-color:#FFF;
  border-color:#FFF;
}

.plans .data {
  text-align:center;
}

.plans .data th {
  background-color:var(--light-grey);
  font-weight:600;
  text-align:left;
  width:300px;
}

.plans .data td {
  padding:0;
}

.plans .data td div, .plans .data th {
  padding:.5rem .75rem;

}

.plans .data td div {
  border-right:2px solid var(--grey);
  border-bottom:2px solid var(--grey);
  height:100%;
  width:100%;
}

.download a {
  color:var(--dark-grey);
}

footer .mail {
  width:100%;
  height:150px;
  background-image:url('../img/header.png');
  background-size:auto 220px;
  background-repeat:no-repeat;
  background-position:0 0;
}

@media(max-width:950px) {
  .header .content h1 {
    font-size:1.5rem;
    text-align:center;
    margin-bottom:2rem;
  }

  .header .content .main {
    height:auto;
  }

  .header .content img {
    display:block;
    margin:0 auto;
  }
  .header .content #screens {
    width:230px;
    margin-bottom:2rem;
  }
  .current-contract .block {
    min-height: auto;
  }
  .plans .data th {
    width: auto;
    font-size:.7rem;
  }
  .plans .heading th {
    font-size:.7rem;
  }
  .plans .data td img {
    width:15px;
    height:auto;
  }

}