/*********************************************************   DEVICE   **********************************************************/
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/

@media all and (min-device-width: 481px) and (max-device-width: 1024px) {

/***********************************************************************************************/
/******************************************** Header *******************************************/
/***********************************************************************************************/

.title h1 {
  font-size: 6rem;
}

#about {
  float: left;
  width: 30%;
}

/***********************************************************************************************/
/************************************* Projects Pages ******************************************/
/***********************************************************************************************/

#project-info h2 {
  width: 50%;
}

#project-info ul {
  width: 49%;
}


/******************************* Image & Video Sizing *******************************/

.small {
  width: 70%;
}

.small-video{
  width: 70%;
  float: left;
}

.with-caption h3 {
  float: right;
  width: 29%;
  padding-top: 20px;
}

.divider h3 {
  padding-top: 20px;
  float: right;
  width: 29%;
}

.scroll-image {
  height: 40vh;
}

#featured ul {
  width: 29%;
}

}