body {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}

#main_content {
	margin: 40px;
}

h1 {
 	font-size: 30px;
 	margin-bottom: 40px;
}

.button_container {
	border: 1px solid #ddd;
	margin: 0 10px 10px 0;
	padding: 20px;
	width: 300px;
	height: 300px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}



a#btn_spotify {
	display: inline-block;
	height: 50px;
	box-sizing: border-box;
	border-radius: 25px;
	margin: auto;
	margin-top: 100px;
	padding: 10px 40px 0 40px;
	background-color: #2ebd59;
	border: 2px solid #2ebd59;
	color: #fff;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}

a#btn_spotify:hover {
	background-color: #fff;
	border: 2px solid #000;
	color: #000;
}


a#btn_twitter {
	display: inline-block;
	height: 40px;
	box-sizing: border-box;
	border-radius: 4px;
	margin: auto;
	margin-top: 105px;
	padding: 10px 30px 0 30px;
	background-color: #56cdf1;
	color: #fff;
	font-size: 18px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a#btn_twitter:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ebfec+0,28a5cb+100 */
	background: #2ebfec; /* Old browsers */
	background: -moz-linear-gradient(top,  #2ebfec 0%, #28a5cb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ebfec), color-stop(100%,#28a5cb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ebfec 0%,#28a5cb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ebfec 0%,#28a5cb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ebfec 0%,#28a5cb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ebfec 0%,#28a5cb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ebfec', endColorstr='#28a5cb',GradientType=0 ); /* IE6-9 */
}


a#btn_amazon {
	display: block;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50px;
	margin: auto;
	margin-top: 75px;
	padding-top: 8px;
	background-color: #232f3e;
	color: #fff;
	text-align: center;
	font-size: 60px;
}

a#btn_amazon:hover {
	background-color: #fc9a18;
}


a#btn_indiegogo {
	display: inline-block;
	margin:auto;
	margin-top: 100px;
	padding: 8px 16px;
	background-color: #fff;
	color: #eb1478;
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -2px;
}

a#btn_indiegogo:hover {
	color: #fff;
	background-color: #eb1478;
}

a#btn_cocacola {
	display: inline-block;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50px;
	background-color: #e60000;
	margin:auto;
	margin-top: 75px;
	color: #fff;
	font-family: 'Oleo Script Swash Caps', cursive;
	font-size: 27px;
	text-decoration: none;
	letter-spacing: -1px;
	padding-top: 30px;
	padding-right: 2px;
}

a#btn_cocacola:hover {
	width: 120px;
	height: 120px;
	box-sizing: border-box;
	border-radius: 60px;
	margin-top: 65px;
	padding-top: 37px;
	padding-right: 2px;
	font-size: 32px;
}

a#btn_apple{
	display: block;
	margin: auto;
	margin-top: 65px;
	text-align: center;
	font-size: 60px;
	color:#e6e6e6;
	font-size: 80px;
}

a#btn_apple:hover {
	color:#4d4d4d;
}

a#btn_ibm {
	display: inline-block;
	margin:auto;
	margin-top: 90px;
	padding: 8px 16px;
	background-color: #fff;
	color: #007acc;
	font-family: 'Zilla Slab', serif;
	font-weight: 700;
	font-size: 50px;
	text-transform: uppercase;
	text-decoration: none;
}

a#btn_ibm:hover {
	color: #fff;
	background: linear-gradient(0deg, #007acc 50%, white 50%), #fff;;
	background-size: 15px auto;
}	


a#btn_mk {
	display: inline-block;
	margin:auto;
	margin-top: 105px;
	padding: 8px 16px;
	background-color: #fff;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}

a#btn_mk:hover {
	margin-top: 103px;
	background-color: #fff;
	border: 2px solid #000;
}

a#btn_sardella {
	display: inline-block;
	margin:auto;
	padding: 8px 16px;
	margin-top: 98px;
	color: #0000ff;
	background-color: #4dffdb;
	font-family: 'Anton', sans-serif;
	letter-spacing: 3px;
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}

a#btn_sardella:hover {
	margin-top: 90px;
	background-color: #0000ff;
	color: white;
	border: 6px solid #4dffdb;
}

a#btn_cn {
	display: inline-block;
	margin:auto;
	margin-top: 100px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 50px;
	text-decoration: none;
}

a#btn_cn span {
	background-color: black;
	color: white;
	padding: 0px 10px 0px 10px;
	margin-right: 2px;
}

a#btn_cn:hover {
	margin-top: 90px;
	font-size: 70px;

}


a#btn_bissingers {
	display: inline-block;
	margin:auto;
	margin-top: 105px;
	color: #cca300;
	font-family: 'Germania One', cursive;
	font-size: 35px;
	text-decoration: none;
}
a#btn_bissingers:hover {
	color: #99004d;

}

a#btn_ofa {
	display: inline-block;
	margin:auto;
	margin-top: 70px;
	padding: 28px 10px;
	background-color: #1ac6ff;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 40px;
	text-transform: uppercase;
	text-decoration: none;
}

a#btn_ofa:hover {
	color: #1ac6ff;
	background-color: white;
}

a#btn_tonight {
	display: inline-block;
	width: 120px;
	height: 120px;
	box-sizing: border-box;
	border-radius: 60px;
	background-color: #25488e;
	margin:auto;
	margin-top: 75px;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	font-size: 17px;
	text-decoration: none;
	letter-spacing: -1px;
	padding-top: 8px;
	padding-left: 22px;
	padding-right: 17px;
}

a#btn_tonight div {
	display: block;
	margin-left: 20px;
	text-align: right;
}

a#btn_tonight:hover {
	background-color: #0099cc;
}

a#btn_garden {
	display: inline-block;
	margin: auto;
	margin-top: 98px;
	width: 70%;
	color: #408000;
	font-family: 'Cinzel', serif;
	font-size: 16px;
	letter-spacing: 5px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

a#btn_garden:hover {
	text-shadow: 2px 2px 12px rgba(150, 150, 150, 1);
}

a#btn_lyft {
	display: inline-block;
	height: 80px;
	box-sizing: border-box;
	border-radius: 15px;
	margin: auto;
	margin-top: 85px;
	padding: 18px 30px 0 30px;
	background-color: #ff00c3;
	color: #fff;
	font-size: 30px;
	font-family: 'Poiret One', cursive;
	text-decoration: none;
}

a#btn_lyft:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff00c3+0,a80077+100,a80077+100 */
	background: #ff00c3; /* Old browsers */
	background: -moz-linear-gradient(top, #ff00c3 0%, #a80077 100%, #a80077 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff00c3 0%,#a80077 100%,#a80077 100%); /* Chrome10-25,Safari5.1-6 */		background: linear-gradient(to bottom, #ff00c3 0%,#a80077 100%,#a80077 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00c3', endColorstr='#a80077',GradientType=0 ); /* IE6-9 */
}

a#btn_color {
	padding: 8px 16px;
	color: #0000ff;
	background-color: black;
	display: inline-block;
	margin:auto;
	margin-top: 98px;
	color: black;
	font-family: 'Anton', sans-serif;
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}

a#btn_color span:first-of-type {
	color: #ff00bf
}

a#btn_color span:nth-of-type(2) {
	color: #ffff00
}

a#btn_color span:last-of-type {
	color: #00b8e6
}

a#btn_color:hover {
	padding: 15px 23px;
	margin-top: 91px;
	color: black;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff32c8+0,fff130+43,fff130+48,fff130+54,00cbff+100 */
	background: #ff32c8; /* Old browsers */
	background: -moz-linear-gradient(left, #ff32c8 0%, #fff130 43%, #fff130 48%, #fff130 54%, #00cbff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff32c8 0%,#fff130 43%,#fff130 48%,#fff130 54%,#00cbff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff32c8 0%,#fff130 43%,#fff130 48%,#fff130 54%,#00cbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff32c8', endColorstr='#00cbff',GradientType=1 ); /* IE6-9 */
}

a#btn_moo {
	display: inline-block;
	height: 100px;
	box-sizing: border-box;
	border-radius: 25px;
	margin: auto;
	margin-top: 75px;
	padding: 30px 10px 10px 10px;
	background-color: #fff;
	border: 1px solid #009973;
	color: #009973;
	font-size: 30px;
	font-family: 'Poiret One', cursive;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}

a#btn_moo:hover {
	background-color: #009973;
	color: #fff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(57, 110, 106, 0.61);
	-moz-box-shadow: 0px 0px 30px 0px rgba(57, 110, 106, 0.61);
	box-shadow: 0px 0px 30px 0px rgba(57, 110, 106, 0.61);
}

a#btn_molly {
	display: inline-block;
	margin:auto;
	margin-top: 92px;
	padding: 8px 16px 8px 10px;
	background-color: #446600;
	color: #abb46a;
	border: 4px solid #abb46a;
	font-family: 'Damion', cursive;
	font-size: 30px;
	text-decoration: none;
}

a#btn_molly:hover {
	margin-top: 92px;
	background-color: #fff;
	border: 4px solid #446600;
	color: #446600;
}

a#btn_jude {
	display: inline-block;
	margin:auto;
	margin-top: 100px;
	color: #808080;
	font-family: 'Merriweather', serif;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

a#btn_jude:hover {
	margin-top: 96px;
	font-size: 22px;
	color:  #80002a;
}

a#btn_npr {
	color: #0000ff;
	display: inline-block;
	margin:auto;
	margin-top: 105px;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-weight: 500;
	text-decoration: none;
}

a#btn_npr div:first-of-type {
	display: inline-block;
	background-color: #e85a29;
	padding: 0px 7px 2px 8px;
}

a#btn_npr div:nth-of-type(2) {
	display: inline-block;
	background-color: black;
	padding: 0px 8px 2px 8px;
}

a#btn_npr div:last-of-type {
	display: inline-block;
	background-color: #306cd8;
	padding: 0px 12px 2px 11px;
}

a#btn_npr:hover {
	margin-top: 102px;
	font-size: 34px;
}

a#btn_ta {
	display: inline-block;
	margin:auto;
	padding: 5px 10px;
	background-color: #fff;
	color: #102856;
	font-family: 'Merriweather', serif;
	font-size: 24px;
	text-decoration: none;
	margin-top: 102px;
	border-top: 2px solid #004d00;
	border-bottom: 2px solid #004d00;
	border-left: 2px solid #990000;
	border-right: 2px solid #990000;
	font-weight: 300;
}

a#btn_ta:hover {
	margin-top: 100px;
	background-color: #fff;
	border-top: 4px solid #004d00;
	border-bottom: 4px solid #004d00;
	border-left: 4px solid #990000;
	border-right: 4px solid #990000;
	font-weight: 400;
}

a#btn_insta {
	display: inline-block;
	height: 80px;
	border-radius: 15px;
	margin: auto;
	margin-top: 70px;
	padding: 0px 20px 32px 20px;
	background-color: #ff00c3;
	color: #fff;
	font-size: 80px;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff832+0,ff305d+46,7f00ff+100 */
	background: #fff832; /* Old browsers */
	background: -moz-linear-gradient(45deg, #fff832 0%, #ff305d 46%, #7f00ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #fff832 0%,#ff305d 46%,#7f00ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #fff832 0%,#ff305d 46%,#7f00ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff832', endColorstr='#7f00ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a#btn_insta:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff832+0,ff305d+46,7f00ff+100 */
	background: #fff832; /* Old browsers */
	background: -moz-linear-gradient(45deg, #7f00ff 0%, #ff305d 46%, #fff832 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #7f00ff 0%,#ff305d 46%,#fff832 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #7f00ff 0%,#ff305d 46%,#fff832 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f00ff', endColorstr='#fff832',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a#btn_fb {
	display: inline-block;
	margin: auto;
	text-decoration: none;
	font-size: 80px;
	margin-top: 70px;
	color: #3c59c3;
}

a#btn_fb:hover {
	margin-top: 76px;
	-webkit-transform: rotateX(180deg); /* Safari */
	transform: rotateX(180deg);
	transition: 2s;
}

a#btn_bike {
	display: inline-block;
	margin: auto;
	text-decoration: none;
	font-size: 80px;
	margin-top: 70px;
	color: #13b8e0;
}

a#btn_bike:hover {
	margin-top: 70px;
	-webkit-transform: rotateZ(1080deg); /* Safari */
	transform: rotateZ(1080deg);
	transition: 2s;
	text-shadow: 0px 0px 30px rgba(150, 195, 207, 1);
}

a#btn_oldnavy {
	display: inline-block;
	margin: auto;
	margin-top: 100px;
	padding: 12px 40px 0 40px;
	background-color: #002b80;
	color: #fff;
	font-size: 23px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	width: 100px;
	height: 40px;
	-moz-border-radius:100px/30px;
	-webkit-border-radius: 100px/30px;
	border-radius: 100px/30px;
}

a#btn_oldnavy:hover {
	-webkit-transform: rotateZ(-30deg); /* Safari */
	transform: rotateZ(-30deg);
}


a#btn_army {
	display: inline-block;
	height: 80px;
	margin: auto;
	margin-top: 50px;
	padding: 12px 20px 48px 20px;
	background-color: black;
	color: #fff;
	font-size: 80px;
	text-decoration: none;
	-webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: #ffcc00;
   border: 3px solid #ffcc00;
}

a#btn_army:hover {
	color: black;
}

a#btn_nerf {
	display: inline-block;
	height: 40px;
	box-sizing: border-box;
	margin: auto;
	margin-top: 105px;
	padding: 8px 30px 0 30px;
	color: #fff;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8c00+0,ff5d00+100 */
	background: #ff8c00; /* Old browsers */
	background: -moz-linear-gradient(top, #ff8c00 0%, #ff5d00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff8c00 0%,#ff5d00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff8c00 0%,#ff5d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff5d00',GradientType=0 ); /* IE6-9 */
}

a#btn_nerf:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0008ff+0,1200ba+100 */
	background: #0008ff; /* Old browsers */
	background: -moz-linear-gradient(top, #0008ff 0%, #1200ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0008ff 0%,#1200ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0008ff 0%,#1200ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0008ff', endColorstr='#1200ba',GradientType=0 ); /* IE6-9 */
}

a#btn_ideo {
	display: inline-block;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50px;
	background-color: #fff;
	margin:auto;
	margin-top: 75px;
	color: #ff6600;
	font-family: 'Source Code Pro', monospace;
	text-transform: uppercase;
	font-size: 30px;
	text-decoration: none;
	letter-spacing: -1px;
	padding-top: 23px;
	border: 8px solid #00b3b3;
}

a#btn_ideo:hover {
	-webkit-transform: rotateY(360deg); /* Safari */
	transform: rotateY(360deg);
	transition: 2s;
}

a#btn_flight {
	display: inline-block;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50px;
	background-color: #33adff;
	margin:auto;
	margin-top: 75px;
	color: #fff;
	font-family: 'Source Code Pro', monospace;
	text-transform: uppercase;
	font-size: 80px;
	text-decoration: none;
	letter-spacing: -1px;
	padding-top: 5px;
	padding-right: 3px;
	-webkit-transform: rotateZ(-45deg); /* Safari */
	transform: rotateZ(-45deg);
}

a#btn_flight:hover {
	margin-top: 70px;
}