html, body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  background: #000;
}

.container {
  max-width: 1240px;
}

.header .container{
	height:100px;
	line-height: 100px;
	position: relative;
	background: #000;
	color: #e6e6e6;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}

.header .col-xs-2{
	text-align: center;
}


.header a{
	color: #fff;
	text-decoration: none;
}


.header a:visited{
	color: #fff;
	text-decoration: none;
}


.header a:hover{
	color: #5B658D;
	text-decoration: none;
}

.header a:active{
	color: #5B658D;
	text-decoration: none;
}

.section {
	height: 100px;
	padding-top: 40px;
	text-align: center;
	color: #fff;
}

.hero .container{
	height:400px;
	padding: 150px 300px 0 0;
	background-image: url("../imgs/NYC.jpg");
	background-size: cover;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

.hero h1 {
	padding-left: 50px;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hero p {
	padding-left: 50px;
	font-size: 2em;
	text-transform: lowercase;
	letter-spacing: 10px;
}

.main h2 {
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.main .col-sm-2 {
	background-color: #000;
	height: 160px;
	border-top: 20px solid #000;
	text-align: left;
	font-size: 1.5em;
	color: #fff;
	border-radius: 2px;
	text-decoration: none;
}

.pic {
	background-color: #000;
	height: 160px;
	border-top: 20px solid #000;
	text-align: right;
	font-size: 20px;
	color: #fff;
	border-radius: 2px;
}

.main a {
	color: #fff;
	text-decoration: none;
}

.main a:hover {
	color: #e6e6e6;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.main a:visited {
	text-decoration: none;


}

/* I'm commenting out this CSS -->
#c1{
	background-image: url(http://cdn2.teen.com/wp-content/uploads/2014/08/computer-coding.gif);
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
	line-height: 160px;
}

#c2{
	background-image: url(http://media2.giphy.com/media/mOHLmoOUoYwGQ/giphy.gif);
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
	line-height: 160px;
}

#c3{
	background-image: url(https://media.giphy.com/media/3oszKr87o9znhtR7j2/giphy.gif);
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
	line-height: 160px;
}

<--*/

.footer .container{
	border-top: 2px solid #fff;
}

.footer p{
	color: #fff;
	text-align: right;
}