html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
	color: #fff;
	/*background: #fff;*/
	/*background: #38363b;*/
	/*background: #efefef;*/
	/*color: #38363b;*/
}


.gradient {
	background-color: #74c8b6;
	/* IE9, iOS 3.2+ */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM2MmI3Y2MiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ0YzFiZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDExMDAwMDAwMDAwMDAwMDMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZDJkZjljIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, rgb(98, 183, 204)), color-stop(0.411, rgb(68, 193, 189)), color-stop(1, rgb(210, 223, 156)));
	/* Android 2.3 */
	background-image: -webkit-repeating-linear-gradient(top left, rgb(98, 183, 204) 0%, rgb(68, 193, 189) 41.1%, rgb(210, 223, 156) 100%);
	/* IE10+ */
	background-image: repeating-linear-gradient(to bottom right, rgb(98, 183, 204) 0%, rgb(68, 193, 189) 41.1%, rgb(210, 223, 156) 100%);
	background-image: -ms-repeating-linear-gradient(top left, rgb(98, 183, 204) 0%, rgb(68, 193, 189) 41.1%, rgb(210, 223, 156) 100%);
}


.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.wrapper {
	background: #38363b;
}

.hero {
	margin: 0 auto;
	padding: 80px 0;
	max-width: 540px;
	text-align: center;
}

.logo {
	/*position: relative;*/
	display: block;
	margin: 0 auto;
	width: 60%;
	/*left: -20px;*/
}

h1 {
	margin: 40px 0 30px -4px;
	font-size: 78px;
	line-height: 78px;
	/*letter-spacing: -2px;*/
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0 1px 0 #000;
}

h2 {
	margin: 100px 0;
	padding: 0 20px;
	text-align: center;
}

p {
	margin: 0;
	/*font-family: Georgia, serif;*/
	font-size: 15px;
	line-height: 26px;
	font-weight: 100;
	/*font-style: italic;*/
	color: #bbb;
}

a,
a:before {
	color: #1abc9c;
	text-decoration: none;
	padding-bottom: 0;
	border-bottom: 1px solid #555;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	color: #38363b;
	border-bottom-color: #38363b;
	text-shadow: none;
}

.button {
	background-color: #1abc9c;
	color: #fff;
	padding: 0 5px;
	border-radius: 5px;
}

.split {
	padding: 40px 0;
	background-color: #383637;
}

.split h2 {
	margin: 0;
	text-align: center;
}

.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.intro {
	padding: 80px 0;
	/*background: #FB4747;*/
	background: #2CC990;
	text-align: center;
}

.intro p {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 760px;
	font-size: 19px;
	color: #fff;
}

.intro a {
	position: relative;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.6);
}

.intro a:hover {
	/*color: #38363b;*/
	border-color: rgba(255, 255, 255, 0);
}

.intro a:before {
	content: '';
	display: block;
	position: absolute;
	top: -4%;
	right: -4%;
	bottom: -4%;
	left: -4%;
	background: #38363b;
	opacity: 0;
	width: 0;
}

.intro a:hover:before {
	opacity: 1;
	width: 108%;
}

.intro a span {
	position: relative;
	z-index: 2;
}

/* Squares grid */
.squares {
	padding: 0 2% 2% 2%;
	margin-left: -2%;
}

/* Default 5 columns */
.squares .square {
	float: left;
	/* margin: 0 0 2% 2%; */
	margin: 2%;
	/*background: #ccc;*/
	/*border: 1px solid #333;*/
	/* width: 18%;
	padding-bottom: 18%; */
	width: 98%;
	padding-bottom: 98%;
}

.squares.col4 .square {
	width: 25%;
	padding-bottom: 25%;
}

.squares.col3 .square {
	width: 33.3333%;
	padding-bottom: 33.3333%;
}

.squares.col2 .square {
	width: 50%;
	padding-bottom: 50%;
}

.social-networks {
	margin-top: 40px;
	text-align: center;
}

.social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.social-networks a {
	border: 0;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.social-networks a:hover {
	opacity: 0.8;
}


.social-networks img {
	width: 40px;
	height: auto;
}

.icon-facebook img {
	width: 30px;
}

.icon-stackoverflow img {
	width: 26px;
}


/* Temp */

.square {
	background: #2b292e no-repeat center center;
	background-size: cover;
	/* background-size: 100%; */
}

/*****/

@media all and (min-width: 700px) {
	.squares {
		margin-left: 0;
	}
	.squares .square {
		width: 46%;
		padding-bottom: 46%;
	}
}

@media all and (min-width: 1140px) {
	.squares .square {
		width: 29%;
		padding-bottom: 29%;
	}
}

@media all and (max-width: 550px) {
	.intro {
		/*padding: 30px;*/
		text-align: center;
	}

	.intro p {
		padding: 0;
		font-size: 16px;
	}

	.intro,
	.hero {
		padding: 40px;
		/*padding-left: 30px;
		padding-right: 30px;*/
	}

	h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.social-networks img {
		width: 30px;
	}

	.icon-facebook img {
		width: 20px;
	}

	.icon-stackoverflow img {
		width: 22px;
	}
}