/* -------------------------------- [ Webfonts ] */


.bg-base03 { background-color: #002b36; }
.bg-base02 { background-color: #073642; }
.bg-base01 { background-color: #586e75; }
.bg-base00 { background-color: #657b83; }
.bg-base0 { background-color: #839496; }
.bg-base1 { background-color: #93a1a1; }
.bg-base2 { background-color: #eee8d5; }
.bg-base3 { background-color: #fffcf3; }
.bg-yellow { background-color: #b58800; }
.bg-orange { background-color: #cb4b16; }
.bg-red { background-color: #dc322f; }
.bg-magenta { background-color: #d33682; }
.bg-violet { background-color: #6c71c4; }
.bg-blue { background-color: #268bd2; }
.bg-cyan { background-color: #2aa198; }
.bg-green { background-color: #859900; }

.work .base03 { color: #002b36; }
.work .base02 { color: #073642; }
.work .base01 { color: #586e75; }
.work .base00 { color: #657b83; }
.work .base0 { color: #839597; }
.work .base1 { color: #93a1a1; }
.work .base2 { color: #eee8d5; }
.work .base3 { color: #fffcf3; }
.work .yellow { color: #b58800; }
.work .orange { color: #cb4b16; }
.work .red { color: #dc322f; }
.work .magenta { color: #d33682; }
.work .violet { color: #6c71c5; }
.work .blue { color: #268bd2; }
.work .cyan { color: #2aa198; }
.work .green { color: #859900; }

.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
  display:table;
  content:"";
}
.clearfix:after { clear:both; }
.hide { display: none; }

html { 	font-size: 62.5%; }
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 62.5%;
	color: #444;
	-webkit-font-smoothing: antialiased;
	background: url(../img/weheartberlin.svg) 50% -390% no-repeat;
}

.mt5 { margin-top: 0.5rem; }
.mt10 { margin-top: 1rem; }
.mt15 { margin-top: 1.5rem; }
.mt20 { margin-top: 2rem; }
.mt25 { margin-top: 2.5rem; }
.mt50 { margin-top: 5rem; }
.mt100 { margin-top: 10rem; }
.mt150 { margin-top: 15rem; }
.mt250 { margin-top: 25rem; }

hr { display: none; }
img { vertical-align: baseline; border: 0; }

p {
	margin: 0 0 0.8rem 0;
	font-size: 2.4rem;
	line-height: 1.6;
}

a { color: #21759B; text-decoration: none; }
a:hover { color: #1F536C; }

.petrol { color: #21759B; }

h1, h2, h3, h4, h5 { 	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h1 { font-size: 12rem; margin: 0; color: #000; }
h2 { font-size: 3rem; margin-top: 0;}
h3 span.category {
	font-family: 'BariolLight', 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h3.page-title {
	margin: 0 0 .5rem 0 !important;
	font-size: 2.8rem;
	font-weight: normal;
}

code {
	font-family: Monaco, "Courier New", fixed;
	font-size: 12px;
	color: #6C8318;
	font-weight: normal;
}


/* Media Queries */

@media screen and (min-width: 1220px) {
	#lines { width: 30%; top: -15%; right: 35%; }
}
@media screen and (max-width: 1220px) {
	#lines { width: 30%; top: -15%; right: 35%; }

}
@media screen and (max-width: 980px) {
	#lines { width: 40%; top: 0; right: 30%; }

}
@media screen and (max-width: 740px) {
	#lines { width: 40%; top: 0; right: 30%; }

}
@media screen and (max-width: 500px) {
	#lines { width: 30%; top: -15%; right: 35%; }

}