body {
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll !important;
  -webkit-font-smoothing: antialiased;
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
}

/* - - - - - - - - - - - - - - - -
  G E N E R I C S
 - - - - - - - - - - - - - - - - */

hr {
  border: 0;
  border-top: 1px solid #eee;
  margin: 0 auto;
  width: 100%;
}

a {
  text-decoration: none !important;
  color: black;
  cursor: pointer;
}

p,h1,h2,h3,h4,h5,h6 {
  margin-block-start: 0;
  margin-block-end: 0;
}

h1 {
  font-size: 2.0rem;
  font-weight: 300;
}

h2 {
  font-size: 1.7rem;
  font-weight: 250;
}

h3 {
  font-size: 1.5rem;
  font-weight: 200;
}

/* global font awesome settings */

.fa {
  font-size: smaller;
}

a.button {
  border: 0px none;
  padding: 20px;
  border-radius: 20px;
  background-color: #555;
  color: white;
  font-weight: 600;
  font-size: 1.5rem;
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 5px;
  display: inline-block;
} 

/* -- Content --- */

content {
  background-color:#f2f2f2;
  margin-top: 80px;
  display: block;
  min-height: calc(100vh - 230px);
}

.contacts > p > img {
  max-height: 10vh;
}

.contacts > p:nth-child(1) > img {
  max-height: 15vh;
  object-fit: cover;
  width: 100%;
}

/* --- Notices --- */

.notices {
  margin: 15px;
  padding: 10px;
  position: absolute;
  left: 50px;
  right: 50px;
  top: 100px;
  text-align: center;
}

.notices.green {
  border: 1px solid green;
  border-left: 10px solid green;
  border-right: 10px solid green;
}

.notices.yellow {
  border: 1px solid #f0ad4e;
  border-left: 10px solid #f0ad4e;
  border-right: 10px solid #f0ad4e;
}