* {
  margin: 10;
  padding: 10;
}

html {
  font-size: 14px;
}

body {
  background-color: #fff;
  color: #666;
  
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 100%;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.3em;
}





/* text */
p {
  line-height: 1.6em;
}

em {
  font-style: normal;
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #666;
}

/* unvisited link */
a:link {
  text-decoration: none;
  color: #666;
}

/* visited link */
a:visited {
  text-decoration: none;
  color: #666;
}

/* mouse over link */
a:hover {
  text-decoration: none;
  color: #666;
}

/* selected link */
a:active {
  text-decoration: none;
  color: #666;
}

.main {
    color: #666;
}

.main p {
    color: #666;
}

.main a {
    color: #666;
}

.main a:visited {
    color: #666
}

.container {
    color: #666;
}

.container p {
    color: #666;
}

.container a {
    color: #666;
}

.container a:visited {
    color: #666
}

img {
  border: none; }






/* Pen-specific styles */
* {
  box-sizing: border-box;
}


section {
  color: #666;
  text-align: center;
  height: 100%;
}

/*div {
  height: 100%;
}*/

article {
  position: absolute;
  /*top: 50%;*/
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  /*padding: 20px;*/
  color: #000;
}

h1 {
  font-size: 1.75rem;
  margin: 0 0 0.75rem 0;
}

/* Pattern styles */
.container {
  display: table;
  width: 100%;
}

.left-half {
  position: absolute;
  left: 0px;
  width: 50%;
  text-align: left;
  
}

.right-half {
  position: absolute;
  right: 0px;
  width: 50%;
  text-align: right;
}



/* --- responsive -------- */

/* small devices - tablets  */
@media (max-width: 980px) {

  .headline, .news {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 90%;
  }

 
}

/* extra small devices - phones */
@media (max-width: 520px) {

  body {
    background-color: #fff;
    background-image: none;
  }


  
}