* {  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
}

body {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

html, body {  
  font-family: Verdana, sans-serif;  
  font-size: 15px;  
  line-height: 1;
}

h1, h2 {  
  font-family: "Segoe UI", Arial, sans-serif;  
  font-weight: 400;
}

h1 a, h2 a {  
  font-weight: ;
}

h1 {  
  font-size: 20px;
}

h2 {  
  font-size: 15px;
}

.responsive {  -ms-overflow-x: auto;
  overflow-x: auto;
}

.container {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.half, .third, .twothird, .quarter {  
  float: left;  
  width: 100%;
}

@media only screen and (min-width: 601px) {
  .half { width: 50%; }
  .third { width: 33.3333%; }
  .twothird { width: 66.6667%; }
  .quarter { width: 25%; }
}

.content {  
  max-width: 900px;  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;
}

@media (max-width: 601px) {
  .modal-content { margin: 50px 10px 10px; width: auto; }
}

@media (max-width: 768px) {
  .modal-content { width: 500px; }
}

@media (min-width: 992px) {
  .modal-content { width: 900px; }
}

.header {  
  margin-top: 10px;  
  margin-right: 10px;  
  margin-bottom: 10px;  
  margin-left: 10px;  
  height: 70px;
}

.logo {  
  float: left;
}

.lang {  
  float: right;
}

.lang li {  
  display: inline-block;
}

.nav {  
  display: inline-block;  
  height: 24px;
}

.nav li {  
  display: inline-block;
}

.row-padding {  
  margin-top: 10px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;  
  float: none;
}

.article {  
  margin-top: 10px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;  
  display: inline-block;  
  height: 220px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: black;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: black;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: black;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: black;
}

.article header {  
  margin-top: 10px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;  
  text-align: center;
}

.footer {  
  text-align: center;  
  height: 25px;
}

.amber {  
  color: black;  
  background-color: #ffc107;
}

.aqua {  
  color: black;  
  background-color: aqua;
}

.blue {  
  color: white;  
  background-color: #2196f3;
}

.light-blue {  
  color: black;  
  background-color: skyblue;
}

.brown {  
  color: white;  
  background-color: #795548;
}

.cyan {  
  color: black;  
  background-color: #00bcd4;
}

.blue-grey {  
  color: white;  
  background-color: #607d8b;
}

.green {  
  color: white;  
  background-color: #4caf50;
}

.light-green {  
  color: black;  
  background-color: #8bc34a;
}

.indigo {  
  color: white;  
  background-color: #3f51b5;
}

.khaki {  
  color: black;  
  background-color: khaki;
}

.lime {  
  color: black;  
  background-color: #cddc39;
}

.orange {  
  color: black;  
  background-color: #ff9800;
}

.deep-orange {  
  color: white;  
  background-color: #ff5722;
}

.pink {  
  color: white;  
  background-color: #e91e63;
}

.purple {  
  color: white;  
  background-color: #9c27b0;
}

.deep-purple {  
  color: white;  
  background-color: #673ab7;
}

.red {  
  color: white;  
  background-color: #f44336;
}

.sand {  
  color: black;  
  background-color: oldlace;
}

.teal {  
  color: white;  
  background-color: #009688;
}

.yellow {  
  color: black;  
  background-color: #ffeb3b;
}

.white {  
  color: black;  
  background-color: white;
}

.black {  
  color: white;  
  background-color: black;
}

.grey {  
  color: black;  
  background-color: #9e9e9e;
}

.light-grey {  
  color: black;  
  background-color: #f1f1f1;
}

.dark-grey {  
  color: white;  
  background-color: #616161;
}