body {
  background: #f4eed7;
}

.container {
  width: 900px;
}

#site-navigation {
  background-image: -webkit-linear-gradient(left, rgba(49, 47, 247, .9), rgba(49, 47, 247, .4));
  background-image: -moz-linear-gradient(left, rgba(49, 47, 247, .9), rgba(49, 47, 247, .4));
  background-image: -ms-linear-gradient(left, rgba(49, 47, 247, .9), rgba(49, 47, 247, .4));
  background-image: -o-linear-gradient(left, rgba(49, 47, 247, .9), rgba(49, 47, 247, .4));
  background-image: linear-gradient(left, rgba(49, 47, 247, .9), rgba(49, 47, 247, .4));
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4644f8', 
  endColorstr='#8684ff', GradientType=1);
}

#site-navigation ul {
  width: 100%;
  height: 50px;
}

#site-navigation ul > li {
  width: 20%;
  text-align: left;
  padding-left: 5px;
  height: 100%;
  font-size: 0.85em;
  font-weight: bold;
  float: left;
  display: table;
}

#site-navigation ul > li > a {
  color: #fff;
  text-transform: uppercase;
  padding: 5px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#site-navigation ul > li > a:hover {
  color: #dfdefa;
}

#site-navigation ul > li:not(:last-child) {
  border-right: 1px #fff dotted;
}

.nav-second {
  float: right;
  margin-top: 30px;
  font-size: 0.85em;
}

.logo {
  width: 170px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.footer {
  height: 100px;
}

.quote {
  float: right;
}

.quote > p {
  font-size: 1.2em;
  font-weight: bold;  
  
}

.quote > div {
  color: grey;
}

.quote {
  margin-top: 30px;
  margin-right: 40px;
}   

ul.menu {
  list-style: none;
}

ul.menu > li > a:before {
  content: "> ";
}

@font-face {
    font-family: "child";
    font-style: normal;
    font-weight: normal;
    src : url("child.eot");
}
@font-face {
    font-family: "child";
    font-style: normal;
    font-weight: normal;
    src: url("child.ttf") format("truetype"), url("child.otf") format("opentype");
}

.cat-img > img {
    width: 100%;
    height: auto;
}

.art-img > img {
    width: 100%;
    height: auto;
}

.article {
  width: 33%;
  float: left;
  padding: 10px;
}

.article:not(:last-child) {
  border-right: 1px #4644f8 dotted;
}

.article > img {
  width: 50%; 
  height: auto; 
}

.article {
  font-weight: bold;
}

.article > .txt {
  float: right;
  width: 50%;
  padding-left: 10px;
}

.article > .txt > .link {
  font-size: 0.8em;
  font-weight: normal;
  padding-left: 10px;
}

.col-left {
  font-weight: bold;
  width: 30%;
  float: left;
  margin-top: 50px;
  padding-right: 20px;
}

.col-right {
  font-size: 0.9em;
  width: 70%;
  float: left;
}

.col-right > p {
  text-align: justify;
}

.col-right h3 {
  color: #4644f8;
}