/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
  background-color: #f2f2f2;
  padding: 25px;
}

.coverImage {
  height: 20em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron {
}

.outline {
  color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

.text-shadow {
  color: white;
  text-shadow: 0px 0px 8px #000000;
}

h1.name {
  font-size: 50px;
}

p.name {
  font-size: 20px;
}

.link-text {
  font-size: 2vw;
  font-weight: bold;
}

.separator {
  display: none;
  width: 80%;
  border-width: medium;
  border-color: darkgray;
}

.contact {
  margin: auto;
  width: 40%;
  font-size: 2vw;
  border-style: solid;
  border-color: #cccccc;
  padding: 1vw;
}

@media screen and (max-width:767px) {
  .link-text { font-size:8vw; }
  h1.name { font-size:32px; }
  p.name { font-size:16px; }
  .separator { display: block; }
  .contact { font-size: 5vw; width: 80%; }
}