/* Phone */
@media (max-device-width: 480px) {
  .header-container {
    width: 710px;
  }

  .headerWrapper {
    height: auto;
  }

  .narrow-view-divider {
    display: inherit;
  }

  .optionText {
    padding-right: 22px;
    padding-left: 22px;
    box-shadow: none;
    padding-top: 10px;
  }

  .optionWrapper:nth-child(4) > .optionText {
    border-right: none;
  }

  .logoImage {
    height: 160px;
    width: 160px;
    top: 30px;
    left: 30px;
  }

  input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .mailChimpField {
    width: 340px;
    height: 120px;
    border: 6px solid black;
  }

  .mailChimpButton {
    width: 150px;
    height: 120px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }

  .mailChimpWrapper {
    width: 550px;
  }

  .mailChimpButton:hover {
    border: 6px solid black;
  }

  .mailChimpField,
.mailChimpButton {
    font-size: 160%;
  }

  .socialIconWrapper {
    height: 86px;
    width: 86px;
    border-radius: 100%;
  }

  .pageTitleText {
    font-size: 400%;
  }

  .bannerText {
    font-size: 500%;
    top: 280px;
    left: 30px;
  }

  .reviewWrapper {
    width: 270px;
    left: 40px;
    bottom: 850px;
    text-align: left;
  }

  .reviewWrapper:last-child {
    bottom: 500px;
  }

  .reviewText {
    font-size: 220%;
    text-shadow: 1px 1px 1px #999999;
  }

  .reviewAttribution {
    font-size: 180%;
  }

  /* About page */
  .aboutPageText {
    font-size: 200%;
  }

  /* Media page */
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .sliderTitle {
    font-size: 360%;
    display: none;
  }

  .selected > .sliderTitle {
    display: inherit;
  }

  .selectionTitle {
    font-size: 240%;
  }

  .selectionSource {
    font-size: 200%;
  }

  .audioEntry {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 80px;
    opacity: 0;
  }

  .buttonsWrapper {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .progressBar {
    width: 80%;
    height: 0;
    margin-left: 10%;
    margin-top: 24px;
    margin-bottom: 24px;
    border-bottom: 17px solid #dddddd;
    border-top: 17px solid #dddddd;
  }

  .progressIndicator {
    height: 34px;
    width: 0;
    border-left: 10px solid #dddddd;
    border-right: 10px solid #dddddd;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .progressBar.playing {
    border-bottom: 17px solid #999999;
    border-top: 17px solid #999999;
  }

  .playing > .progressIndicator {
    border-left: 10px solid black;
    border-right: 10px solid black;
  }

  .singleSliderWrapper {
    height: 800px;
    margin-top: 100px;
    width: 12%;
    float: left;
    clear: none;
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow-x: scroll;
  }

  .sliderIcon {
    margin-top: 40px;
    height: 60px;
    width: 60px;
  }

  .singleSliderWrapper:first-child,
.singleSliderWrapper:nth-child(2) {
    border-right: 2px solid black;
  }

  .singleSliderWrapper.selected {
    width: 76%;
  }

  .closeButton {
    height: 80px;
    width: 80px;
  }

  .playButton,
.pauseButton,
.volUpButton,
.volDnButton {
    width: 80px;
    height: 80px;
    margin-top: 60px;
    margin-bottom: 80px;
  }

  .video {
    width: 70%;
    margin-left: 15%;
    margin-bottom: 80px;
  }

  .selected .photoThumbnail {
    height: 360px;
  }

  .photoThumbnail {
    width: 80%;
    margin-left: 10%;
    height: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
  }

  /* Calendar page */
  .calendarSubHeader {
    height: 40px;
  }

  .eventWrapper {
    height: 120px;
  }

  .eventInfo {
    top: 60px;
  }

  .calendarPageContentWrapper {
    font-size: 190%;
    top: 440px;
  }

  .future.hasTicketInfo > .eventInfoWrapper {
    width: calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
  }

  .eventTime,
.eventDate {
    bottom: 10%;
  }

  .eventTitle {
    top: 10%;
    width: 100%;
    text-align: center;
  }

  .eventLocation,
.eventDate {
    bottom: 10%;
  }

  .eventLocation {
    left: 20px;
  }

  .eventDate {
    right: 60px;
    box-shadow: none;
  }

  .eventTicketsWrapper {
    position: absolute;
    right: 0;
    z-index: 0;
  }

  .eventTicketsWrapper:hover {
    cursor: pointer;
  }

  .eventTicketsIcon {
    width: 30px;
    height: 30px;
    background-image: url("../assets/images/icons/link.png");
    background-size: cover;
  }

  .eventTicketsIcon,
.eventTicketsText {
    float: left;
    clear: none;
    margin-top: 60px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-right: 20px;
  }

  /* Teaching page */
  .pageSubHeader {
    height: 260px;
    width: 120px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    text-align: center;
    box-sizing: border-box;
    float: left;
  }

  .pageSubHeader.fixedHeader {
    position: fixed;
    left: 5%;
    top: 20px;
  }

  .subHeaderOption {
    font-size: 150%;
    margin-top: 40px;
  }

  .subHeaderOption.blueLink {
    color: SlateBlue;
    text-decoration: underline;
  }

  .subHeaderOption:hover,
.subHeaderOption.selected {
    text-decoration: underline;
  }

  .subHeaderOption:hover {
    cursor: pointer;
  }

  .changingContent {
    width: calc(80% - $sidebarWidth * 0.8);
    margin-left: 120px;
    clear: none;
    text-align: center;
  }

  .imageContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 80%;
    left: 10%;
    position: relative;
    height: 300px;
  }

  .teachingHeadshot,
.schoolLogo {
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .teachingHeadshot {
    width: 50%;
    background-image: url("../assets/images/headshots/headshot6Compressed.jpg");
  }

  .schoolLogo {
    background-image: url("../assets/images/logos/ut_austin.png");
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .changingContentPage {
    display: none;
  }

  .changingContentPage.selected {
    display: inherit;
  }

  .pageText {
    margin-top: 20px;
    font-size: 200%;
    width: 80%;
    margin-left: 10%;
  }

  .audition .pageText {
    text-align: left;
  }

  h4 {
    font-size: 230%;
    text-align: left;
    margin-left: 60px;
    margin-top: 30px;
  }

  h5 {
    font-size: 200%;
    text-align: left;
    margin-left: 80px;
    margin-top: 30px;
  }

  .listItem,
.subListItem {
    margin-top: 3px;
    font-size: 200%;
  }

  .listItem {
    margin-left: 100px;
  }

  .subListItem {
    margin-left: 140px;
  }

  .pageText:last-child {
    margin-bottom: 40px;
  }

  p > .internalLink {
    color: SlateBlue;
    text-decoration: underline;
  }

  .link,
.blueLink {
    margin-top: 24px;
    font-size: 200%;
  }

  .link > .internalLink {
    padding-bottom: 40px;
  }

  .waitWrapper {
    position: relative;
    width: 80%;
    margin-top: 60px;
    margin-left: 10%;
    font-size: 220%;
    margin-bottom: 300px;
  }

  .leftBricks,
.rightBricks {
    width: 80px;
    height: 80px;
    background-image: url("../assets/images/icons/wall.png");
    background-size: contain;
    position: absolute;
  }

  .leftBricks {
    left: 0;
    top: 0;
  }

  .rightBricks {
    right: 0;
    top: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

  /* Publications page */
  .extantPublication,
.futurePublication {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid black;
    padding-bottom: 30px;
  }

  .extantPublication:first-child,
.futurePublication:first-child {
    margin-top: 50px;
  }

  .extantPublication:last-child,
.futurePublication:last-child {
    border-bottom: none;
    margin-bottom: 60px;
  }

  .publicationImage {
    height: 200px;
    width: 160px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .speakerIcon {
    height: 40px;
    width: 40px;
    background-image: url("../assets/images/icons/audio.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .publicationDetails {
    position: absolute;
    width: calc(100% - 160px - 60px);
    right: 0;
    top: 0;
  }

  .pubDetails {
    margin-bottom: 20px;
    font-size: 120%;
  }

  .pubDetails > .linkOverride {
    color: SlateBlue;
    text-decoration: underline;
  }

  /* Contact page */
  .contactPageDivision {
    width: 90%;
    margin-left: 5%;
    min-width: 300px;
  }

  .contactFormField {
    height: 50px;
    font-size: 200%;
    margin-top: 16px;
  }

  .contactPageImage {
    height: 460px;
    margin-top: 40px;
  }

  .contactLogo {
    width: 220px;
    height: 220px;
    margin-top: 40px;
    margin-left: calc(33.33% - 146.667px);
    border-radius: 10px;
  }

  .message {
    height: 180px;
  }

  .submitContact,
.contactSubmitted {
    font-size: 240%;
    height: 60px;
  }

  .buttonText,
.buttonArrow {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }

  .buttonArrow {
    right: -100px;
  }

  .sectionTitle {
    font-size: 280%;
  }
}
/* Narrow computer screen */
@media (max-width: 850px) and (min-device-width: 480px) {
  .header-container {
    width: 450px;
  }

  .mailChimpField {
    width: 160px;
    height: 26px;
    border: 2px solid black;
  }

  .mailChimpButton:hover {
    cursor: pointer;
    background-color: white;
    box-sizing: border-box;
    border: 2px solid black;
  }

  .mailChimpButton {
    width: 75px;
    height: 26px;
  }

  .mailChimpWrapper {
    width: 240px;
  }

  .mailChimpField,
.mailChimpButton {
    font-size: 80%;
  }

  .optionText {
    font-size: 12px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .logoImage {
    height: 60px;
    width: 60px;
    top: 4px;
    left: 4px;
  }

  .socialIconWrapper {
    height: 35px;
    width: 35px;
  }

  .pageTitleText {
    font-size: 240%;
  }

  .bannerText {
    font-size: 420%;
    top: 130px;
    left: 30px;
  }

  .reviewWrapper {
    width: 270px;
    right: 50px;
    top: 80px;
    text-align: right;
  }

  .reviewWrapper:last-child {
    top: 180px;
  }

  .reviewText {
    font-size: 120%;
    text-shadow: 1px 1px 1px #999999;
  }

  .reviewAttribution {
    font-size: 100%;
  }

  /* Media page */
  .sliderTitle {
    font-size: 160%;
  }

  .singleSliderWrapper {
    height: 130px;
    margin-top: 5%;
    width: 100%;
    float: left;
    clear: none;
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow-x: scroll;
  }

  .sliderIcon {
    margin-top: 30px;
    height: 40px;
    width: 40px;
  }

  .singleSliderWrapper:first-child,
.singleSliderWrapper:nth-child(2) {
    border-bottom: 2px solid black;
  }

  .singleSliderWrapper.selected {
    height: 340px;
  }

  .closeButton {
    height: 40px;
    width: 40px;
  }

  .playButton,
.pauseButton,
.volUpButton,
.volDnButton {
    width: 36px;
    height: 36px;
  }

  .video {
    width: 70%;
    height: 300px;
    margin-left: 15%;
    margin-bottom: 40px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }

  .photoThumbnail.selected {
    width: calc(100% - (100% - 160px*2)*2/3);
    height: calc(320px + 40px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
  }

  /* Calendar page */
  .calendarSubHeader {
    height: 40px;
  }

  .calendarSubHeaderOption {
    font-size: 110%;
    clear: none;
  }

  .eventWrapper {
    height: 100px;
  }

  .eventInfo {
    top: 50px;
  }

  .calendarPageContentWrapper {
    font-size: 130%;
  }

  .future.hasTicketInfo:hover > .eventInfoWrapper {
    width: calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
  }

  .eventTime,
.eventDate {
    bottom: 10%;
  }

  .eventTitle {
    top: 10%;
    width: 100%;
    text-align: center;
  }

  .eventLocation,
.eventDate {
    bottom: 10%;
  }

  .eventLocation {
    left: 20px;
  }

  .eventDate {
    right: 20px;
  }

  .eventTicketsWrapper {
    position: absolute;
    right: 0;
    z-index: 0;
  }

  .eventTicketsWrapper:hover {
    cursor: pointer;
  }

  .eventTicketsIcon {
    width: 30px;
    height: 30px;
    background-image: url("../assets/images/icons/link.png");
    background-size: cover;
  }

  .eventTicketsIcon,
.eventTicketsText {
    float: left;
    clear: none;
    margin-top: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-right: 20px;
  }

  /* Teaching page */
  .pageSubHeader {
    height: 200px;
    width: 100px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    text-align: center;
    box-sizing: border-box;
    float: left;
  }

  .pageSubHeader.fixedHeader {
    position: fixed;
    left: 5%;
    top: 20px;
  }

  .subHeaderOption {
    font-size: 120%;
    margin-top: 30px;
  }

  .subHeaderOption.blueLink {
    color: SlateBlue;
    text-decoration: underline;
  }

  .subHeaderOption:hover,
.subHeaderOption.selected {
    text-decoration: underline;
  }

  .subHeaderOption:hover {
    cursor: pointer;
  }

  .changingContent {
    width: calc(80% - $sidebarWidth * 0.8);
    margin-left: 100px;
    clear: none;
    text-align: center;
  }

  .imageContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 80%;
    left: 10%;
    position: relative;
    height: 300px;
  }

  .teachingHeadshot,
.schoolLogo {
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .teachingHeadshot {
    width: 50%;
    background-image: url("../assets/images/headshots/headshot6Compressed.jpg");
  }

  .schoolLogo {
    background-image: url("../assets/images/logos/ut_austin.png");
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .changingContentPage {
    display: none;
  }

  .changingContentPage.selected {
    display: inherit;
  }

  .pageText {
    margin-top: 20px;
    font-size: 112%;
    width: 80%;
    margin-left: 10%;
  }

  .audition .pageText {
    text-align: left;
  }

  h4 {
    font-size: 120%;
    text-align: left;
    margin-left: 60px;
    margin-top: 30px;
  }

  h5 {
    font-size: 100%;
    text-align: left;
    margin-left: 80px;
    margin-top: 30px;
  }

  .listItem,
.subListItem {
    margin-top: 3px;
  }

  .listItem {
    margin-left: 100px;
  }

  .subListItem {
    margin-left: 140px;
  }

  .pageText:last-child {
    margin-bottom: 40px;
  }

  p > .internalLink {
    color: SlateBlue;
    text-decoration: underline;
  }

  .link {
    margin-top: 24px;
    font-size: 120%;
  }

  .link > .internalLink {
    padding-bottom: 40px;
  }

  .waitWrapper {
    position: relative;
    width: 80%;
    margin-top: 60px;
    margin-left: 10%;
    font-size: 150%;
    margin-bottom: 300px;
  }

  .leftBricks,
.rightBricks {
    width: 50px;
    height: 50px;
    background-image: url("../assets/images/icons/wall.png");
    background-size: contain;
    position: absolute;
  }

  .leftBricks {
    left: 0;
    top: 0;
  }

  .rightBricks {
    right: 0;
    top: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

  /* Publications page */
  .extantPublication,
.futurePublication {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid black;
    padding-bottom: 30px;
  }

  .extantPublication:first-child,
.futurePublication:first-child {
    margin-top: 50px;
  }

  .extantPublication:last-child,
.futurePublication:last-child {
    border-bottom: none;
    margin-bottom: 60px;
  }

  .publicationImage {
    height: 200px;
    width: 160px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .speakerIcon {
    height: 40px;
    width: 40px;
    background-image: url("../assets/images/icons/audio.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .publicationDetails {
    position: absolute;
    width: calc(100% - 160px - 60px);
    right: 0;
    top: 0;
  }

  .pubDetails {
    margin-bottom: 20px;
    font-size: 120%;
  }

  .pubDetails > .linkOverride {
    color: SlateBlue;
    text-decoration: underline;
  }

  /* Contact page */
  .contactPageDivision {
    width: 90%;
    margin-left: 5%;
    min-width: 300px;
  }

  .contactPageImage {
    margin-top: 20px;
  }

  .contactFormField {
    height: 20px;
    font-size: 90%;
    margin-top: 6px;
  }

  .message {
    height: 80px;
  }

  .submitContact,
.contactSubmitted {
    height: 30px;
    font-size: 140%;
  }

  .buttonArrow {
    right: -40px;
  }

  .sectionTitle {
    font-size: 180%;
  }
}
/* Wide computer screen */
@media (min-width: 850px) and (min-device-width: 480px) {
  .header-container {
    width: 690px;
  }

  .optionText {
    font-size: 16px;
    padding-right: 13px;
    padding-left: 13px;
  }

  .logoImage {
    height: 74px;
    width: 90px;
    top: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 10px;
  }

  .socialIconWrapper {
    height: 35px;
    width: 35px;
  }

  .pageTitleText {
    font-size: 240%;
  }

  .bannerText {
    font-size: 460%;
    top: 60px;
    right: 160px;
  }

  .reviewWrapper {
    width: 360px;
    right: 80px;
    top: 260px;
  }

  .reviewWrapper:last-child {
    top: 360px;
  }

  .reviewText {
    font-size: 140%;
  }

  .reviewAttribution {
    font-size: 120%;
  }

  /* Media page */
  .sliderTitle {
    text-align: center;
    font-size: 160%;
  }

  .singleSliderWrapper {
    height: 540px;
    margin-top: 5%;
    width: 15%;
    float: left;
    clear: none;
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow-x: scroll;
  }

  .singleSliderWrapper:first-child,
.singleSliderWrapper:nth-child(2) {
    border-right: 2px solid black;
  }

  .singleSliderWrapper.selected {
    width: 70%;
  }

  .sliderIcon {
    margin-top: 30px;
    height: 40px;
    width: 40px;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
  }

  .sliderHolderText {
    text-align: center;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
  }

  .selected > .sliderHolderText {
    opacity: 1;
  }

  .closeButton {
    height: 40px;
    width: 40px;
  }

  .playButton,
.pauseButton,
.volUpButton,
.volDnButton {
    width: 36px;
    height: 36px;
  }

  .video {
    width: 70%;
    height: 300px;
    margin-left: 15%;
    margin-bottom: 40px;
  }

  .photoThumbnail.selected {
    width: calc(100% - (100% - 160px*2)*2/3);
    height: calc(320px + 40px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
  }

  /* Calendar page */
  .eventWrapper {
    height: 70px;
  }

  .eventInfo {
    top: 35px;
  }

  .calendarPageContentWrapper {
    font-size: 130%;
  }

  .future.hasTicketInfo:hover > .eventInfoWrapper {
    width: calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
  }

  .eventInfo {
    top: 35px;
  }

  .eventTime,
.eventDate {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .eventTitle {
    transform: translateY(-125%);
    -webkit-transform: translateY(-125%);
  }

  .eventLocation {
    transform: translateY(25%);
    -webkit-transform: translateY(25%);
  }

  .eventTitle,
.eventLocation {
    left: 20px;
  }

  .eventTime {
    right: 20px;
  }

  .eventDate {
    right: 100px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .eventTicketsWrapper {
    position: absolute;
    right: 0;
    z-index: 0;
  }

  .eventTicketsWrapper:hover {
    cursor: pointer;
  }

  .eventTicketsIcon {
    width: 30px;
    height: 30px;
    background-image: url("../assets/images/icons/link.png");
    background-size: cover;
  }

  .eventTicketsIcon,
.eventTicketsText {
    float: left;
    clear: none;
    margin-top: 35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-right: 20px;
  }

  /* Contact page */
  .contactPageDivision {
    width: 44%;
    margin-left: 4%;
  }

  .contactFormField {
    height: 20px;
    font-size: 90%;
    margin-top: 6px;
  }

  .message {
    height: 80px;
  }

  .submitContact,
.contactSubmitted {
    font-size: 140%;
    height: 30px;
  }

  .buttonArrow {
    right: -40px;
  }

  .sectionTitle {
    font-size: 180%;
  }

  /* Teaching page */
  .pageSubHeader {
    height: 200px;
    width: 100px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    text-align: center;
    box-sizing: border-box;
    float: left;
  }

  .pageSubHeader.fixedHeader {
    position: fixed;
    left: 5%;
    top: 20px;
  }

  .subHeaderOption {
    font-size: 120%;
    margin-top: 30px;
  }

  .subHeaderOption.blueLink {
    color: SlateBlue;
    text-decoration: underline;
  }

  .subHeaderOption:hover,
.subHeaderOption.selected {
    text-decoration: underline;
  }

  .subHeaderOption:hover {
    cursor: pointer;
  }

  .changingContent {
    width: calc(80% - $sidebarWidth * 0.8);
    margin-left: 100px;
    clear: none;
    text-align: center;
  }

  .imageContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 80%;
    left: 10%;
    position: relative;
    height: 300px;
  }

  .teachingHeadshot,
.schoolLogo {
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .teachingHeadshot {
    width: 50%;
    background-image: url("../assets/images/headshots/headshot6Compressed.jpg");
  }

  .schoolLogo {
    background-image: url("../assets/images/logos/ut_austin.png");
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .changingContentPage {
    display: none;
  }

  .changingContentPage.selected {
    display: inherit;
  }

  .pageText {
    margin-top: 20px;
    font-size: 112%;
    width: 80%;
    margin-left: 10%;
  }

  .audition .pageText {
    text-align: left;
  }

  h4 {
    font-size: 120%;
    text-align: left;
    margin-left: 60px;
    margin-top: 30px;
  }

  h5 {
    font-size: 100%;
    text-align: left;
    margin-left: 80px;
    margin-top: 30px;
  }

  .listItem,
.subListItem {
    text-align: left;
    margin-top: 3px;
  }

  .listItem {
    margin-left: 100px;
  }

  .subListItem {
    margin-left: 140px;
  }

  .pageText:last-child {
    margin-bottom: 40px;
  }

  p > .internalLink {
    color: SlateBlue;
    text-decoration: underline;
  }

  .link {
    text-decoration: underline;
    margin-top: 24px;
    font-size: 120%;
  }

  .link > .internalLink {
    padding-bottom: 40px;
  }

  .waitWrapper {
    position: relative;
    width: 80%;
    margin-top: 60px;
    margin-left: 10%;
    font-size: 150%;
    margin-bottom: 300px;
  }

  .leftBricks,
.rightBricks {
    width: 50px;
    height: 50px;
    background-image: url("../assets/images/icons/wall.png");
    background-size: contain;
    position: absolute;
  }

  .leftBricks {
    left: 0;
    top: 0;
  }

  .rightBricks {
    right: 0;
    top: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

  /* Publications page */
  .extantPublication,
.futurePublication {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid black;
    padding-bottom: 30px;
  }

  .extantPublication:first-child,
.futurePublication:first-child {
    margin-top: 50px;
  }

  .extantPublication:last-child,
.futurePublication:last-child {
    border-bottom: none;
    margin-bottom: 60px;
  }

  .publicationImage {
    height: 200px;
    width: 160px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .speakerIcon {
    height: 40px;
    width: 40px;
    background-image: url("../assets/images/icons/audio.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .publicationDetails {
    position: absolute;
    width: calc(100% - 160px - 60px);
    right: 0;
    top: 0;
  }

  .pubDetails {
    margin-bottom: 20px;
    font-size: 120%;
  }

  .pubDetails > .linkOverride {
    color: SlateBlue;
    text-decoration: underline;
  }
}

/*# sourceMappingURL=media.css.map */