#hero {
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    background-image: url(../media/images/starzHorizontal.jpg);
    background-size: cover;
    position: relative;
    height: 100vh;
}

#hero p {
    font-size: 16px;		   
    font-weight: 300;
    text-align: center;
    padding: 0px;
}

.row {
    max-width: 960px;
    margin: 0 auto; /* aligns center horizontally */
}

.title {
  position:absolute;
  top:50%;
  text-align:center;
  width:100%;
  color:#fff;
  font-size:27px;
  -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);  
    
}

/* Honestly, should probably just use a bootstrap grid library */
#intro_photo {
    /* background-color: cyan; */
    position: relative;
    /*overflow: hidden;*/
    /*border-radius: 3%;*/
    /*max-width: 230px;*/
    max-width: 100%;
}

#intro_photo img{
    max-width: 100%;
    /*max-height: 100%;*/
    /*max-width: 90%;*/
    /*max-width: 230px;*/
    /* Centers the image */ 
    display: block;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 3%;
}

#coursework td {
       	text-align: center;
	padding: 3px;
	border: none;
	width: 33%;
}

#education td {
        text-align: center;
        padding: 3px;
        border: none;
	width: 50%;
}

#skills td {
	text-align: center;
	padding: 3px;
	border: none;
	width: 33%;
}

#intro_text {
    /* background-color: #85929E; */
}

#footer {
    max-width: none;
    margin-top: 10px;
}

#background_wrapper {
    /* background:#ddd; */
    /*background-color: rgb(88, 37, 40); */
}

#intro {
    padding: 12px;
}

#experience {
    padding: 10px;
}

/*#intro{
  padding:100px 50px;
  text-align:left;
  width:80%;
  margin:0px auto;
}

#intro_photo{
    background-color: cyan;
    width: 33%;
    float: left;
}

#intro_text{
    background-color: orange;
    width: 66%;
    float: right;
}
*/
#footer{
    padding:0px 0px 10px 0px; /* top right bottom left */
    text-align:center;
    /*background:#ddd;*/
    background: #f0f0f0;
}

#another_one{
    text-align: center;
}

.row {
	padding: 0px 30px 0px 30px;
}

body{
       /* karpathej font */	
	margin: 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
      	line-height: 1.5;
	font-weight: 330;
	background-color: #fdfdfd;
}

#last td {
	border: none;
}

.disableLink {
  /*color: currentColor;*/
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}