/* CSS Document */
*{
  box-sizing: border-box;
}

body, html
{
  font-family: 'Inconsolata', monospace;
  padding: 0;
  margin: 0;
  background-color: #f6f6f6;
  height: 100%;
  background-image:url("http://fryba.eu/images/001.jpg");
  background-size: cover;
    transition: background 0.5s linear;
    -moz-transition: background 0.5s linear; /* Firefox 4 */
    -webkit-transition: background 0.5s linear; /* Safari and Chrome */
    -o-transition: background 0.5s linear; /* Opera */
}
p{
  line-height: 1.5;
}


img{
  max-width: 100%;
}

#main{
    position: absolute;
    top: 50px;
    left: 20px;
    background-color: #00000094;
    padding: 20px;
    color: white;
}

@media(max-width: 640px){
  #main{
    position: static;
    width: 100%;
  }
}