.domain::before {
    content: "\0040";    /* Unicode character for @ symbol */
}

body {
  padding-top: 50px;
  padding-bottom: 40px;
  font-family: 'Open Sans', sans-serif;
}

.img-profile {
  max-width: 200px;
  margin-top: 10px;
}

.img-logo {
  max-width: 40px;
}

.img-thumbnail {
  padding: 0px;
  border: 0px;
}

.img-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-brand {
  font-family: "Josefin Sans", sans-serif;
}

h2 {
  font-family: "Josefin Sans", sans-serif;
}

.vertical-align {
  display: flex;
  align-items: center;
}

body > .container {
    box-shadow: 0 10px 30px #777;
    background-color: #FFF;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 50px;
}

footer {
  padding-top: 50px;
}

.navbar-inverse .navbar-brand {
    color: #FFF;
}

.navbar-brand {
  font-size: 28px;
}