html {
  overflow-x: hidden;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

.brialon-blue {
  background-color: #245B8F;
}

.brialon-blue-text {
  color: #245B8F;
}

.brialon-blue-dark {
  background-color: #003261;
}

.brialon-blue-dark-text {
  color: #003261;
}

.brialon-blue-light {
  background-color: #5a88c0;
}

.brialon-blue-light-text {
  color: #5a88c0;
}

.brialon-blue-lighter {
  background-color: #a3bcdc;
}

.brialon-blue-lighter-text {
  color: #a3bcdc;
}

.brand-logo {
  height: 64px;
  width: 420px;
  background-image: url(../img/logo-white.png);
  background-size: contain;
  background-repeat: no-repeat;
}

h1, h2 {
  letter-spacing: -0.05em;
  color: #245B8F;
}

a {
  color: #a3bcdc;
}

.sidenav li > a{
  color: white;
  font-size: 1.25rem;
}

.section {
  padding: 3rem 0;
}

[class^="logo-"], [class*=" logo-"] {
  font-size: 1.5em;
}

.skills p {
  font-size: 1.25rem;
}

.values{
  background: url(../img/team-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.values .card .card-title {
  font-size: 2rem;
}

.values .card .card-content p {
  font-size: 1.25rem;
}

.values h3 {
  font-weight: 300;
  text-shadow: 0 0 8px rgba(0,0,0,0.75);
}

.resume a i.material-icons {
  font-size: 1.5em;
  vertical-align: bottom;
}

.resume p {
  font-size: 1.25rem;
}

.customers .icon-block h1 {
  margin: 0.3em 0;
}

.customers h5 {
  margin: 1em 0;
}

.page-footer {
  padding-bottom: 20px;
}

.page-footer .row {
  margin-bottom: 0;
}

#flower-field {
  background-color: #5da919;
  height: 25em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: crosshair;
  display: flex;
}

#flower-field h5{
  transform: rotate(-90deg);
  width: 15em;
  padding: 0 1em;
}

.hive-container {
  align-self: center;
}

.swarm.icon-bee-hive {
  color: #ebcc95;
}

.swarm.hive-gauge {
  background-color: #ebcc95;
}

.swarm.hive-gauge-indicator {
  background-color: #deab54;
}

.swarm.hive-gauge-warning {
  color: #deab54;
}

.swarm[class^="icon-flower-"],
.swarm[class*=" icon-flower-"] {
  color: #ffe0e0;
}