body {
  font-family: Arial, sans-serif;
  font-size: 16px;
  background: #b5bccc;
  color: #1c2333;
}

/*  Bootstrap navbar
--------------------------------------------------------------- */
nav {
  width: 70%;
  margin: auto;
  border-radius: 5px;
  font-size: 20px;
}

.round-logo {
  border-radius: 50%;
}

.navbar-light .navbar-nav .nav-link {
  color: whitesmoke;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #3c7e9c;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(245,245,245)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Card
--------------------------------------------------------- */
.card {
  width: 70%;
  margin: auto;
  background: #dbe2f2;
}

.card-header {
  background-color: #384567;
  background-image: url("../img/header_one.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
}

.card-title {
  background-color: #384567;
  color: whitesmoke;
  padding-left: 10px;
}

/* header */

.card-header-header {
  width: 60%;
  color: #005c86;
  text-transform: uppercase;
}

.card-header-header span {
  font-size: 120%;
}

/* title */

.after-title {
  display: flex;
}

.title-left {
  width: 60%;
}

.title-right {
  flex-grow: 1;
  background-image: url("../img/right_rotate.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: goldenrod;
  padding-top: 30px;
  padding-left: 20px;
  display: flex;
}

.title-right-left {
  width: 50%;
}

.title-right-right {
  flex-grow: 1;
}

/* body */

.card-text {
  display: flex;
}

.card-text-left {
  width: 80%;
}

.card-text-right {
  flex-grow: 1;
}

.col50 {
  list-style-type: none;
}

/* footer */

.card-footer {
  width: 100%;
  height: 60px;
  color: whitesmoke;
  background-image: url("../img/footer_one.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}