html {
  font-size: 12px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.container {
  max-width: 960px;
}

.connection-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
  max-width:300px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.divider {
  display: flex;
  flex-direction: row;
}
.divider:before, .divider:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}

.divider:before {
  margin-right: 10px
}

.divider:after {
  margin-left: 10px
}