/* @override http://get.badiee.com/themes/get.css */

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);


body {
	font-family: 'Lato', sans-serif;
	text-align: center;
	min-width: 1000px;
	margin: 0;
	padding: 0 0 50px;
	background-color: #000;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}


h1 {
	background-image: url(images/badiee.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40%;
	background-color: #324c59;

	display: block;
	margin: 0 auto;
	font-size: 0;
	color: transparent;
	height: 300px;
}

h2 {
	font-weight: 300;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
}

ul {
	width: 100%;
	display: table;
	color: #1e1e1e;
	background-color: #131313;
}

.services li {	
	float: left;
	width: 25%;
	display: block;
}

.services a {
	width: 100%;
	height: 250px;
	display: block;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
}

#casper {
	background-image: url(images/casper.svg);
	background-color: #f3f8ff;
	background-size: 90%;
}

#dropbox {
	background-image: url(images/dropbox.svg);
	background-color: #1581e2;
}

#ecourier {
	background-image: url(images/ecourier.svg);
	background-color: #1d2329;
	background-size: 70%;
}

#freshbooks {
	background-image: url(images/freshbooks.svg);
	background-color: #106aa0;
	background-size: 70%;
}

#hostpapa {
	background-image: url(images/hostpapa.svg);
	background-color: #47a84f;
}

#istock {
	background-image: url(images/istock.svg);
	background-color: #404040;
	background-size: 50%;
}

#mailchimp {
	background-image: url(images/mailchimp.svg);
	background-color: #e65d47;
}

#netfirms {
	background-image: url(images/netfirms.png);
	background-color: #fff;
}

#shipwire {
	background-image: url(images/shipwire.svg);
	background-color: #093a48;
	background-size: 70%;
}

#shopify {
	background-image: url(images/shopify.svg);
	background-color: #516560;
	background-size: 70%;
}

#phone {
	background-image: url(images/phone.png);
	background-color: #e5e7da;
	background-size: 70%;
}

#vypr {
	background-image: url(images/vypr.svg);
	background-color: #ffcc31;
	background-size: 70%;
}




.apps li {	
	float: left;
	width: 25%;
	display: block;
}

.apps a {
	width: 100%;
	height: 70px;
	display: block;
	background-repeat: no-repeat;
	background-position: center 65px;
	color: #fff;
	text-decoration: none;
	padding-top: 180px;
	background-size: 80px;
}

#apperture {
	background-image: url(images/apperture.png);
	background-color: #141e28;
}

#coda {
	background-image: url(images/coda.png);
	background-color: #94d941;
}


#finalcut {
	background-image: url(images/finalcut.png);
	background-color: #add9d9;
}

#gemini {
	background-image: url(images/gemini.png);
	background-color: #154364;
}

#pixelmator {
	background-image: url(images/pixelmator.png);
	background-color: #d84040;
}

#renamer {
	background-image: url(images/renamer.png);
	background-color: #89cae5;
}

#mindnode {
	background-image: url(images/mindnode.png);
	background-color: #ff593d;
}

#transmit {
	background-image: url(images/transmit.png);
	background-color: #5c5877;
}

#unarchiver {
	background-image: url(images/unarchiver.png);
	background-color: #554423;
}

#whatsize {
	background-image: url(images/whatsize.png);
	background-color: #737061;
}