html,body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; 
}

body {
	font-family: 'Tenor Sans', sans-serif;
	color: white;
	background: #202020;
	font-size: 18px;
	font-weight: light;
}

@media (max-width: 600px) {
	body {
		text-align: center;
	}
	.headshot {
		height: 80%;
		width: 80%;
	}
	.intro {
		height: 50vh;
	}
}

a {
	color: white;
	text-decoration: underline;
}

td, th {
	width: 33%;
	text-align: center;
}

h1 {
	font-family: 'Exo 2', sans-serif;
	margin-top: 50px;
	margin-bottom: 25px;
	font-size: 2.5em;
}

h1, h4 {
	text-shadow: 0 0 3px black;
	text-align: center;
}

h3 {
	font-size: 1.5em;
	font-style: oblique;
}

h2 {
	font-size: 1.8em;
	text-shadow: 3px 3px 6px black;
}

ul {
	list-style-type: none;
}

hr {
	margin: 0;
	border-top: solid gray 1px;
}

.btn {
	background: #232526;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: white;
	font-size: 1.4em;
	border-radius: 0;
	border: 0;
}

.btn:hover {
	background: #abbaab;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffffff, #abbaab);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: black;
	border: none;
}

.modal-content {
	border: solid black 1px;
	border-radius: 0;
}

.intro {
	height: 100vh;
	margin: 0;
	text-align: center;
	background-image: url('../img/seattle2.png'), linear-gradient(to top, white, #2980b9);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.dropdown-menu {
	color: white;
}

.about {
	background: linear-gradient(to bottom, white, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: white;
	color: white;
	margin: 0;
	padding: 40px;
	overflow: auto;
}

.tabs .indicator {
  background-color: black;
}

.tabs .tab a.active {
  color: white;
  background: #2980b9;
}

.tabs .tab a:hover {
  color: black;
}

.tabs .tab a {
  color: #2980b9;
}

.profile {
	text-align: center;
}

.headshot {
	border: solid white 2px;
	border-radius: 100%;
	margin: 20px;
	filter: grayscale(100%);
}

.project {
	background: #202020;
}

.info {
	padding: 0 60px;
	text-align: center;
}

.pics {
	height: 400px;
/*	padding: 25px;*/
}

.title {
	margin-top: 30px;
}

.screens {
	width: 100%;
	height: 100%;
	object-fit: contain;
	overflow: hidden;
}

.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}

.topnav {
  background: black;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 99;
  opacity: .8;
}


.links {
	font-size: 2.4em;
}

.icon {
	margin: 30px;
	display: inline-block;
}

.icon:hover {
	color: white;
	text-shadow: 6px 6px 6px black;
}

.fa-bars {
	float: left;
	margin: 0 20px;
}

.fa-bars:hover {
	color: gray;
	text-shadow: 6px 6px 6px black;
}

.skills {
	margin: 0;
	padding: 2% 8%;
	background: white;
	text-align: center;
}

.skill {
	background: #2980b9;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2c3e50, #2980b9);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	margin-bottom: 40px;
}

.fixed-bottom {
	background: #2980b9;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2c3e50, #2980b9);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	text-align: center;
	height: 400px;
}

.reslinks {
	color: black;
}

.modal-content {
	color: black;
	background: #2980b9;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2c3e50, #2980b9);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #DCDCDC, white); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.habitscreen {
	margin-bottom: 20px;
}

.dark {
	color: black;
	text-shadow: none;
}

.blue {
	color: #2980b9;
}

.italic {
	font-style: italic;
}

.boxshadow {
	box-shadow: 8px 8px 5px #202020;
}

#bio {
	line-height: 40px;
	color: black;
	margin-top: 50px;
}

.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}