html {
  font-size: 16px;
}

/* Content blocks */
.content-block-one {
  padding: 30px;
  padding-right: 60px;
  padding-left: 60px;
  margin-bottom: 0px;
  color: inherit;
  background-color: #eee;
}
.content-block-one p {
  margin-bottom: 15px;
}

/* typewriter */
.typewriter {
  background-color: white;
  font-family: 'VT323', monospace;
  color:green;
  text-decoration: none;
}

/* Profiles */
.profilephoto {
  width: 118px;
  height: 117px;
  vertical-align: middle;
  border-radius: 50%;
}

/* hello @ solutinno.net */
.light {
  color: rgb(204, 204, 204);
}

/* Content spaces */
.content-space-one {
  background: url(/images/cicc.jpg) no-repeat center center; 
  -webkit-filter: blur(2px); 
  filter: blur(2px);
}
.content-space-two {
  background: url(/images/konyvek.jpg) no-repeat center center; 
  -webkit-filter: blur(2px); 
  filter: blur(2px);
}
.content-space-three {
  background: url(/images/ecca.jpg) no-repeat center center; 
  -webkit-filter: blur(2px); 
  filter: blur(2px);
}
.content-space {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 150px;
  padding-bottom: 150px;
}
.page-break {
  width: 50%;
  height: 3px;
  background-color: #fff;
  margin: 0 auto;
}

/* No background-attachment:fixed on mobile devices */
@media (hover: none) {
  .content-space {
      background-attachment: initial;
  }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  html {font-size:1rem;} 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  html {font-size:2rem;} 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  html {font-size:3rem;} 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  html {font-size:2rem;}    
}