body {
    background-color: #EEEEEE;
}

.container {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
	padding-top: 100px;
	margin: auto;
}

.square {
	background-color: #F9F9F9;
	border: solid 1px #000000;
	border-radius: 5px;
	box-shadow: 2px 2px #888888;
	width: 200px;
	padding: 20px;
	text-align: center;
	margin: auto;
}

.square {
	background-color: #F9F9F9;
	border: solid 1px #000000;
	border-radius: 5px;
	box-shadow: 2px 2px #888888;
	min-width: 400px;
	padding: 20px;
	text-align: center;
}

.logo {
	margin-left: 4px;
}

/* Below, credits to Torleif Halseth http://codepen.io/thalseth/pen/saqIj */

.icon-link {
    width: 50px;
    height: 50px;
    background-color: #666;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    outline: none;
    margin: 10px 0 0 0;
    box-sizing: content-box;
}
.icon-link.fill.facebook {
    background-color: #3b5998;
}
.icon-link.fill.facebook:hover {
    background-color: #fff;
}
.icon-link.fill.facebook:hover .fa-facebook {
    color: #3b5998;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.tumblr {
    background-color: #32506d;
}
.icon-link.fill.tumblr:hover {
    background-color: #fff;
}
.icon-link.fill.tumblr:hover .fa-tumblr {
    color: #32506d;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.linkedin {
    background-color: #007bb6;
}
.icon-link.fill.linkedin:hover {
    background-color: #fff;
}
.icon-link.fill.linkedin:hover .fa-linkedin {
    color: #007bb6;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.twitter {
    background-color: #00aced;
}
.icon-link.fill.twitter:hover {
    background-color: #fff;
}
.icon-link.fill.twitter:hover .fa-twitter {
    color: #00aced;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.google-plus {
    background-color: #dd4b39;
}
.icon-link.fill.google-plus:hover {
    background-color: #fff;
}
.icon-link.fill.google-plus:hover .fa-google-plus {
    color: #dd4b39;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.reddit {
    background-color: #8bbbe3;
}
.icon-link.fill.reddit:hover {
    background-color: #fff;
}
.icon-link.fill.reddit:hover .fa-reddit {
    color: #8bbbe3;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.youtube {
    background-color: #df1c31;
}
.icon-link.fill.youtube:hover {
    background-color: #fff;
}
.icon-link.fill.youtube:hover .fa-youtube {
    color: #df1c31;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.pinterest {
    background-color: #b81621;
}
.icon-link.fill.pinterest:hover {
    background-color: #fff;
}
.icon-link.fill.pinterest:hover .fa-pinterest {
    color: #b81621;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.github {
    background-color: #444;
}
.icon-link.fill.github:hover {
    background-color: #fff;
}
.icon-link.fill.github:hover .fa-github {
    color: #444;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.envelope {
    background-color: #333;
}
.icon-link.fill.envelope:hover {
    background-color: #fff;
}
.icon-link.fill.envelope:hover .fa-envelope {
    color: #333;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.fill.soundcloud {
    background-color: #f50;
}
.icon-link.fill.soundcloud:hover {
    background-color: #fff;
}
.icon-link.fill.soundcloud:hover .fa-soundcloud {
    color: #f50;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link.brand {
    background-color: #fff;
}
.icon-link.brand .fa {
    color: #006FC2;
}
.icon-link.round {
    border-radius: 50%;
}
.icon-link.round-corner {
    border-radius: 5px;
}
.icon-link:hover {
    -webkit-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
    height: 46px;
    line-height: 46px;
    width: 46px;
    background-color: #fff;
}
.icon-link:hover.facebook {
    border: 2px solid #3b5998;
}
.icon-link:hover.tumblr {
    border: 2px solid #32506d;
}
.icon-link:hover.linkedin {
    border: 2px solid #007bb6;
}
.icon-link:hover.twitter {
    border: 2px solid #00aced;
}
.icon-link:hover.google-plus {
    border: 2px solid #dd4b39;
}
.icon-link:hover.reddit {
    border: 2px solid #8bbbe3;
}
.icon-link:hover.youtube {
    border: 2px solid #df1c31;
}
.icon-link:hover.pinterest {
    border: 2px solid #b81621;
}
.icon-link:hover.github {
    border: 2px solid #444;
}
.icon-link:hover.envelope {
    border: 2px solid #333;
}
.icon-link:hover.soundcloud {
    border: 2px solid #f50;
}
.icon-link:hover .fa {
    line-height: 52px;
}
.icon-link:hover .fa-facebook {
    color: #3b5998;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-tumblr {
    color: #32506d;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-linkedin {
    color: #007bb6;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-twitter {
    color: #00aced;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-google-plus {
    color: #dd4b39;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-reddit {
    color: #8bbbe3;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-youtube {
    color: #df1c31;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-pinterest {
    color: #b81621;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-github {
    color: #444;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-envelope {
    color: #333;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-soundcloud {
    color: #f50;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
}
.icon-link .fa {
    color: #fff;
    line-height: 53px;
    font-size: 36px;
}

.brand-icons {
    background-color: #ddd;
    padding: 10px 0;
}