body {
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 5% 10%;
	color: #333;
}

      h1, h2, h3, h4, h5, h6 {
          font-weight: 400;
      }
      
a {
	color: #333;
}
      
p {
	max-width: 30em;
}

      
      
header {
          margin: 3em 0;
}

header span {
	margin-right: 1.2em;
}

footer {
	font-size: 0.7em;
	margin-top: 5em;
}

footer a {
  margin: 0 0.2em;
}

.tags {
    font-size: 0.8em;
}

main {
	max-width: 30em;
}

      
.tags a,
.tags span {
  margin: 0 0.4em 0 0;
  padding: 0.1em 0.5em;
  text-decoration: none;
  background: #efefef;
  color: #555;
}

section {
    margin: 0 0 3em;
}

section img {
    width: 100%;
		display: block;
    
}


section .slides {
	overflow: hidden;
}

section .slides img {
	width: 49%;
	float: left;
	padding: 2% 0 0 0;
}

section .slides img.half:nth-child(2n) {
	padding-left: 1%;
}

section .slides img.half:nth-child(2n+1) {
	padding-right: 1%;
}

section .slides img.third {
  width: 32%;
}

section .slides img.third:nth-child(3n+2) {
	padding-left: 2%;
	padding-right: 2%;
}



@media only screen and (min-width: 414px) {
    
    body {
       font-size: 1.2em;
    }
    
} 

@media only screen and (min-width: 1024px) {
    
    body {
       font-size: 1.4em;
    }
    
} 

@media only screen and (min-width: 1280px) {
    
    body {
       font-size: 1.6em;
    }
    
} 

@media only screen and (min-width: 1920px) {
    
    body {
       font-size: 1.8em;
    }
    
}