From 18b620d561f8e1fa369785287a2bbb79adaa937b Mon Sep 17 00:00:00 2001
From: Tim Morris <timothy.morris@uconn.edu>
Date: Thu, 30 Jun 2016 09:42:56 -0400
Subject: [PATCH] navbar

---
 dist/css/app.css                              | 580 +++++++++++++++---
 dist/css/app.min.css                          |   2 +-
 dist/css/base/typography.css                  |  27 +-
 dist/css/base/typography.min.css              |   2 +-
 dist/js/main.js                               |   1 -
 dist/js/main.min.js                           |   2 +-
 functions.php                                 |   2 +-
 src/js/{nav.js => landing.js}                 |   0
 src/js/uconn.js                               |   1 -
 src/scss/base/_global.scss                    |   3 +
 src/scss/base/elements/footer.scss            |   3 +
 src/scss/base/pages/concentrations.scss       |  19 +-
 src/scss/base/pages/degrees.scss              |  17 +-
 src/scss/base/pages/for-students.scss         |  89 +++
 src/scss/base/pages/landing.scss              | 169 +++++
 src/scss/base/pages/our-work.scss             |  78 +++
 src/scss/base/pages/talk-to-us.scss           | 176 +++++-
 src/scss/base/typography.scss                 |  27 +-
 src/scss/screens/desktop.scss                 |   1 +
 src/scss/screens/elements/nav-desktop.scss    |   2 +-
 .../screens/elements/nav-tabletLarge.scss     |   2 +-
 .../screens/pages/concentrations-desktop.scss |   3 +
 .../screens/pages/concentrations-tablet.scss  |   1 +
 .../screens/pages/degrees-tabletLarge.scss    |  13 +-
 .../screens/pages/for-students-tablet.scss    |   3 +
 .../pages/for-students-tabletLarge.scss       |   3 +
 .../screens/pages/landing-tabletLarge.scss    |   0
 src/scss/screens/pages/our-work-tablet.scss   |   3 +
 .../screens/pages/our-work-tabletLarge.scss   |   3 +
 .../screens/pages/talk-to-us-desktop.scss     |   3 +
 src/scss/screens/pages/talk-to-us-tablet.scss |   3 +
 .../screens/pages/talk-to-us-tabletLarge.scss |   3 +
 src/scss/screens/tablet.scss                  |   3 +
 src/scss/screens/tabletLarge.scss             |   3 +
 templates/base.twig                           |  72 ++-
 35 files changed, 1109 insertions(+), 210 deletions(-)
 rename src/js/{nav.js => landing.js} (100%)
 create mode 100644 src/scss/base/pages/for-students.scss
 create mode 100644 src/scss/base/pages/landing.scss
 create mode 100644 src/scss/base/pages/our-work.scss
 create mode 100644 src/scss/screens/pages/for-students-tablet.scss
 create mode 100644 src/scss/screens/pages/for-students-tabletLarge.scss
 create mode 100644 src/scss/screens/pages/landing-tabletLarge.scss
 create mode 100644 src/scss/screens/pages/our-work-tablet.scss
 create mode 100644 src/scss/screens/pages/our-work-tabletLarge.scss
 create mode 100644 src/scss/screens/pages/talk-to-us-desktop.scss
 create mode 100644 src/scss/screens/pages/talk-to-us-tablet.scss
 create mode 100644 src/scss/screens/pages/talk-to-us-tabletLarge.scss

diff --git a/dist/css/app.css b/dist/css/app.css
index 07ad4dd..a640433 100755
--- a/dist/css/app.css
+++ b/dist/css/app.css
@@ -4,6 +4,7 @@
  * 2. Prevent iOS and IE text size adjust after device orientation change,
  *    without disabling user zoom.
  */
+@import 'https://fonts.googleapis.com/css?family=Prompt:300,300i,600,600i';
 html {
   font-family: sans-serif;
   /* 1 */
@@ -701,32 +702,8 @@ th {
     color: inherit;
     text-decoration: none; }
 
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-Book.otf);
-  font-weight: normal;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-BookItalic.otf);
-  font-weight: normal;
-  font-style: italic; }
-
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-Bold.otf);
-  font-weight: bold;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-BoldItalic.otf);
-  font-weight: bold;
-  font-style: italic; }
-
 html {
-  font-family: 'Gotham'; }
+  font-family: 'Prompt', sans-serif; }
 
 .master-wrapper::after {
   content: "mobile";
@@ -1228,7 +1205,8 @@ html {
   height: 3em;
   border-radius: 50%;
   margin: 0.5em;
-  position: relative; }
+  position: relative;
+  border-color: white; }
   .socialNav__link#facebook {
     background: url(../img/footer-icons/facebook.png) no-repeat center/cover; }
   .socialNav__link#twitter {
@@ -1265,6 +1243,7 @@ html {
   color: black;
   text-decoration: none;
   background-color: white;
+  border-color: white;
   padding: 1em 1.5em;
   position: relative; }
   .mainFooter__applyButton::before {
@@ -1293,6 +1272,7 @@ html {
   position: relative; }
   .mainFooter__subNavLink::after {
     content: "";
+    background-color: white;
     position: absolute;
     top: 100%;
     left: 50%;
@@ -1303,17 +1283,168 @@ html {
   .mainFooter__subNavLink:hover::after {
     width: 100%; }
 
+.videoWrapper {
+  background-color: black;
+  width: 100%; }
+
+.videoWrapper__inner {
+  max-width: 60em;
+  margin: 0 auto;
+  position: relative; }
+
+.videoWrapper__coverImage {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  background: url(../img/landing/video-cover.jpg) no-repeat center/cover; }
+
+.videoWrapper__playButton {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  height: 3em;
+  width: 3em;
+  transform: translate(-50%, -50%);
+  -webkit-appearence: none;
+  border: none;
+  border-radius: 100%;
+  background-color: white;
+  outline: none;
+  box-shadow: 0 0 1em black; }
+  .videoWrapper__playButton::before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    border: 1px solid;
+    border-color: white;
+    opacity: 0;
+    transition: width 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), height 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
+  .videoWrapper__playButton:hover::before, .videoWrapper__playButton.active::before {
+    width: calc(100% + 1em);
+    height: calc(100% + 1em);
+    opacity: 1; }
+  .videoWrapper__playButton::after {
+    content: "";
+    width: 0;
+    display: block;
+    margin: 0 auto;
+    height: 0;
+    border-left: 0.5em solid black;
+    border-top: 0.433em solid transparent;
+    border-bottom: 0.433em solid transparent; }
+
+.videoWrapper__videoParent {
+  position: relative;
+  padding-bottom: 56.25%;
+  padding-top: 35px;
+  height: 0;
+  overflow: hidden; }
+  .videoWrapper__videoParent iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+
+.landingNav {
+  background-color: black; }
+
+.landingNav__inner {
+  width: 100%;
+  max-width: 80em;
+  margin: 0 auto;
+  overflow: hidden; }
+
+.landingNav__element {
+  display: block;
+  float: left;
+  height: 15em;
+  width: 16.66666%;
+  color: white;
+  text-decoration: none;
+  transition: width 0.15s cubic-bezier(0.6, 0.06, 0.59, 1);
+  position: relative; }
+  .landingNav__element span {
+    position: absolute;
+    top: 100%;
+    left: 0%;
+    transform-origin: 0% 0%;
+    transform: rotate(-90deg);
+    white-space: nowrap;
+    padding-left: 0.25em;
+    z-index: 2;
+    font-weight: bold;
+    font-size: 1.5em;
+    transition: opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
+
+.landingNav__elementColorScreen {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  transition: background-color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
+
+.landingNav__element--degrees {
+  background: url(../img/landing/landing-degrees.jpg) no-repeat center/cover; }
+  .landingNav__element--degrees:hover .landingNav__elementColorScreen {
+    background-color: #C1133D; }
+  .landingNav__element--degrees .landingNav__elementColorScreen {
+    background-color: rgba(193, 19, 61, 0.6); }
+
+.landingNav__element--concentrations {
+  background: url(../img/landing/landing-concentrations.jpg) no-repeat center/cover; }
+  .landingNav__element--concentrations:hover .landingNav__elementColorScreen {
+    background-color: #EF7C02; }
+  .landingNav__element--concentrations .landingNav__elementColorScreen {
+    background-color: rgba(239, 124, 2, 0.6); }
+
+.landingNav__element--our-work {
+  background: url(../img/landing/landing-our-work.jpg) no-repeat center/cover; }
+  .landingNav__element--our-work:hover .landingNav__elementColorScreen {
+    background-color: #f3D33D; }
+  .landingNav__element--our-work .landingNav__elementColorScreen {
+    background-color: rgba(243, 211, 61, 0.6); }
+
+.landingNav__element--for-students {
+  background: url(../img/landing/landing-for-students.jpg) no-repeat center/cover; }
+  .landingNav__element--for-students:hover .landingNav__elementColorScreen {
+    background-color: #76B700; }
+  .landingNav__element--for-students .landingNav__elementColorScreen {
+    background-color: rgba(118, 183, 0, 0.6); }
+
+.landingNav__element--campuses {
+  background: url(../img/landing/landing-campuses.jpg) no-repeat center/cover; }
+  .landingNav__element--campuses:hover .landingNav__elementColorScreen {
+    background-color: #1982BE; }
+  .landingNav__element--campuses .landingNav__elementColorScreen {
+    background-color: rgba(25, 130, 190, 0.6); }
+
+.landingNav__element--about-us {
+  background: url(../img/landing/landing-about-us.jpg) no-repeat center/cover; }
+  .landingNav__element--about-us:hover .landingNav__elementColorScreen {
+    background-color: #9A2D98; }
+  .landingNav__element--about-us .landingNav__elementColorScreen {
+    background-color: rgba(154, 45, 152, 0.6); }
+
 .degreeCards {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: column wrap;
-      flex-flow: column wrap;
-  -ms-flex-align: center;
-      align-items: center;
-  margin: 1em 0; }
+  margin: 1em auto;
+  max-width: 24em;
+  overflow-y: hidden; }
 
 .degreeCard {
   display: block;
+  float: left;
   width: 100%;
   max-width: 24em;
   margin: 0 0 1em;
@@ -1359,6 +1490,8 @@ html {
   .degreeCard__label h4 {
     font-weight: lighter;
     margin: 0.5em 0 0; }
+    .degreeCard__label h4 span {
+      padding: 0 0.4em; }
 
 .degreeCard__learnMore {
   transform: translateY(-100%);
@@ -1383,14 +1516,10 @@ html {
   margin: 4em auto;
   box-sizing: border-box;
   padding: 0.5em;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap; }
+  overflow-y: hidden; }
 
 .degreeBanner__btn {
+  float: left;
   box-sizing: border-box;
   text-align: center;
   display: block;
@@ -1438,30 +1567,13 @@ html {
   vertical-align: middle;
   background: url(../img/degrees/camera-icon.png) no-repeat center/cover; }
 
-.concentrationsContainer {
-  display: -ms-flexbox !important;
-  display: flex !important;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: stretch;
-      align-items: stretch; }
-
-.concentrationTiles {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-  -ms-flex-pack: distribute;
-      justify-content: space-around; }
-
 .concentrationTile {
   width: 90vw;
   height: 50vw;
   display: block;
-  margin: 1em 0;
-  text-decoration: none; }
+  margin: 1em 2.5vw;
+  text-decoration: none;
+  float: left; }
 
 .concentrationTile--2dAnimation {
   background: url(../img/concentrations/2dAnimation.jpg) no-repeat center/cover; }
@@ -1484,12 +1596,6 @@ html {
 .concentrationTile__inner {
   width: 100%;
   height: 100%;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
   position: relative;
   background-color: transparent;
   transition: background-color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
@@ -1514,6 +1620,10 @@ html {
     background-color: rgba(0, 0, 0, 0.5); }
 
 .concentrationTile__text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   width: 60%;
   text-align: center;
   color: white;
@@ -1563,6 +1673,138 @@ html {
   display: block;
   width: 50%; }
 
+.ourWorkTiles {
+  margin: 2em 0;
+  overflow-y: hidden; }
+
+.ourWorkTile {
+  margin: 0;
+  width: 100%;
+  float: left;
+  padding: 1em;
+  box-sizing: border-box; }
+
+.ourWorkTile__inner {
+  width: 100%;
+  max-width: 20em;
+  text-decoration: none; }
+  .ourWorkTile__inner:hover .ourWorkTile__image img {
+    transform: scale(1.2); }
+  .ourWorkTile__inner:hover .ourWorkTile__caption--hover {
+    height: 3em; }
+
+.ourWorkTile__image {
+  width: 100%;
+  height: 100%;
+  overflow: hidden; }
+  .ourWorkTile__image img {
+    width: 100%;
+    vertical-align: bottom;
+    transform: scale(1);
+    transition: transform 0.2s cubic-bezier(0.6, 0.06, 0.59, 1); }
+
+.ourWorkTile__caption {
+  width: 100%;
+  height: 3em;
+  position: relative; }
+  .ourWorkTile__caption span {
+    position: absolute;
+    bottom: 0;
+    display: block;
+    width: 100%;
+    text-align: center;
+    line-height: 3em;
+    color: #7a7878;
+    font-size: 0.9em; }
+
+.ourWorkTile__caption--hover {
+  position: absolute;
+  overflow: hidden;
+  background-color: #f3D33D;
+  bottom: 0;
+  height: 0.1em;
+  transition: height 0.2s cubic-bezier(0.6, 0.06, 0.59, 1); }
+  .ourWorkTile__caption--hover span {
+    color: white;
+    font-weight: bold; }
+
+.forStudentsTiles {
+  margin: 2em 0;
+  overflow-y: hidden; }
+
+.forStudentsTile {
+  margin: 0;
+  width: 100%;
+  float: left;
+  padding: 1em;
+  box-sizing: border-box; }
+
+.forStudentsTile__inner {
+  display: block;
+  width: 100%;
+  max-width: 30em;
+  margin: 0 auto;
+  text-decoration: none;
+  position: relative;
+  overflow-y: hidden; }
+  .forStudentsTile__inner::before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    transform: translate(-50%, -50%);
+    border: 1px solid;
+    border-color: #76B700;
+    opacity: 0;
+    transition: width 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), height 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
+  .forStudentsTile__inner:hover::before, .forStudentsTile__inner.active::before {
+    width: calc(100% + -1em);
+    height: calc(100% + -1em);
+    opacity: 1; }
+  .forStudentsTile__inner:hover .forStudentsTile__image img {
+    transform: scale(1.2); }
+  .forStudentsTile__inner:hover .forStudentsTile__caption {
+    background-color: rgba(0, 0, 0, 0.5); }
+    .forStudentsTile__inner:hover .forStudentsTile__caption span {
+      background-color: #76B700;
+      color: white; }
+
+.forStudentsTile__image {
+  width: 100%;
+  height: 100%;
+  overflow: hidden; }
+  .forStudentsTile__image img {
+    width: 100%;
+    vertical-align: bottom;
+    transform: scale(1);
+    transition: transform 0.2s cubic-bezier(0.6, 0.06, 0.59, 1); }
+
+.forStudentsTile__caption {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  background-color: transparent;
+  transition: background-color 0.2s cubic-bezier(0.6, 0.06, 0.59, 1); }
+  .forStudentsTile__caption span {
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #76B700;
+    font-weight: bold;
+    background-color: rgba(0, 0, 0, 0.7);
+    font-size: 1em;
+    text-align: center;
+    padding: 1em 2em;
+    transition: color 0.2s cubic-bezier(0.6, 0.06, 0.59, 1), background-color 0.2s cubic-bezier(0.6, 0.06, 0.59, 1); }
+
 .aboutUsTiles {
   max-width: 60em;
   margin: 0 auto;
@@ -1658,13 +1900,17 @@ html {
   -ms-flex-pack: distribute;
       justify-content: space-around; }
 
+.contactCard__outer {
+  width: 100%;
+  float: left; }
+
 .contactCard {
   width: 100%;
   max-width: 14em;
-  -ms-flex-preferred-size: 14em;
-      flex-basis: 14em;
-  margin: 1.5em 0.5em;
-  float: left; }
+  margin: 1.5em auto;
+  text-decoration: none;
+  display: block;
+  color: black; }
 
 .contactCard--red hr {
   border-color: #c41f40; }
@@ -1683,20 +1929,21 @@ html {
 
 .contactCard__top {
   width: 100%;
-  margin: 0 0 0.5em;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: end;
-      align-items: flex-end;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
-  -ms-flex-flow: row nowrap;
-      flex-flow: row nowrap; }
+  margin: 0em;
+  position: relative;
+  min-height: 100%; }
   .contactCard__top img {
-    height: 130px;
-    height: auto; }
+    width: 50%;
+    height: auto;
+    display: block; }
   .contactCard__top figcaption {
-    padding-left: 0.5em; }
+    display: block;
+    width: 50%;
+    padding-left: 0.5em;
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    transform: translateY(-100%); }
   .contactCard__top h3 {
     margin: 0;
     font-size: 0.7em; }
@@ -1722,6 +1969,129 @@ html {
     margin: 0 0 0.1em;
     font-size: 0.6em; }
 
+#all {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 999; }
+
+.contactModal {
+  display: block;
+  position: fixed;
+  opacity: 0;
+  z-index: -999;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -55%);
+  width: 100vw;
+  max-width: 50em;
+  height: 100%;
+  max-height: 50em;
+  box-sizing: border-box;
+  padding: 1em;
+  transition: transform 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), z-index 0.0001s linear 0.15s; }
+
+.contactModal__inner {
+  width: 100%;
+  height: 100%;
+  box-shadow: 0 0 1em rgba(56, 54, 56, 0.5);
+  background-color: white; }
+
+.contactModal:target {
+  opacity: 1;
+  z-index: 3;
+  transition: transform 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1);
+  transform: translate(-50%, -50%); }
+
+.contactModal:target + .contactModal__cover {
+  opacity: 1;
+  z-index: 2;
+  transition: opacity 0.1s cubic-bezier(0.6, 0.06, 0.59, 1); }
+
+.contactModal__cover {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -999;
+  opacity: 0;
+  background-color: rgba(255, 255, 255, 0.95);
+  cursor: default;
+  transition: opacity 0.1s cubic-bezier(0.6, 0.06, 0.59, 1) 0.15s, z-index 0.0001s linear 0.25s; }
+
+.contactModal--red .contactModal__header {
+  background-color: #c41f40; }
+
+.contactModal--orange .contactModal__header {
+  background-color: #ef7d22; }
+
+.contactModal--yellow .contactModal__header {
+  background-color: #f2d43c; }
+
+.contactModal--green .contactModal__header {
+  background-color: #73b843; }
+
+.contactModal--blue .contactModal__header {
+  background-color: #1f83c0; }
+
+.contactModal--red .contactModal__footer a:hover,
+.contactModal--red .contactModal__bodyInfo a {
+  color: #c41f40; }
+
+.contactModal--orange .contactModal__footer a:hover,
+.contactModal--orange .contactModal__bodyInfo a {
+  color: #ef7d22; }
+
+.contactModal--yellow .contactModal__footer a:hover,
+.contactModal--yellow .contactModal__bodyInfo a {
+  color: #f2d43c; }
+
+.contactModal--green .contactModal__footer a:hover,
+.contactModal--green .contactModal__bodyInfo a {
+  color: #73b843; }
+
+.contactModal--blue .contactModal__footer a:hover,
+.contactModal--blue .contactModal__bodyInfo a {
+  color: #1f83c0; }
+
+.contactModal__header {
+  width: 100%;
+  height: 6em;
+  position: relative;
+  color: white; }
+  .contactModal__header h1 {
+    margin: 0;
+    padding: 0.5em 0.5em 0;
+    line-height: 1em; }
+  .contactModal__header h3 {
+    padding: 0.5em 1em 1em;
+    margin: 0; }
+
+.contactModal__body {
+  box-sizing: border-box;
+  width: 100%;
+  height: calc(100% - 8em);
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+  padding: 1em; }
+
+.contactModal__footer {
+  line-height: 2em;
+  width: 100%;
+  background-color: #383638; }
+  .contactModal__footer a {
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    padding-left: 0.5em; }
+
+.contactModal__bodyInfo {
+  margin: 0;
+  font-weight: bold; }
+  .contactModal__bodyInfo a:hover {
+    color: #383638; }
+
 .applyCampus {
   width: 100%;
   float: left;
@@ -1924,7 +2294,12 @@ html {
     width: 50%; }
   .concentrationTile {
     width: 40vw;
-    height: 25vw; }
+    height: 25vw;
+    margin: 1em 3.7vw; }
+  .ourWorkTile {
+    width: 50%; }
+  .forStudentsTile {
+    width: 50%; }
   .aboutUsTile {
     max-width: 50%;
     float: left; }
@@ -1935,7 +2310,9 @@ html {
       .aboutUsTile--large .aboutUsTile__caption img {
         display: block; }
     .aboutUsTile--large .aboutUsTile__captionText {
-      text-align: left; } }
+      text-align: left; }
+  .contactCard__outer {
+    width: 50%; } }
 
 @media screen and (min-width: 48em) {
   .pageNav .u-container {
@@ -1945,7 +2322,7 @@ html {
   .pageNav__inner {
     height: 3em !important; }
   .pageNav__link {
-    width: 16.66667%;
+    width: 16.6%;
     float: left;
     box-sizing: border-box;
     margin: 0.5em 0;
@@ -1972,27 +2349,37 @@ html {
   .subPageAside__Banner {
     width: 100%; }
   .degreeCards {
-    -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-    -ms-flex-pack: distribute;
-        justify-content: space-around; }
+    max-width: 100%;
+    margin: 2em auto; }
   .degreeCard {
-    width: 33%; }
+    width: 30%;
+    max-width: 30%;
+    margin: 0; }
+    .degreeCard:nth-child(2) {
+      margin: 0 5%; }
+  .ourWorkTile {
+    width: 33.33333%; }
+  .forStudentsTile {
+    width: 33.33333%; }
   .applyCampus {
-    width: 50%; } }
+    width: 50%; }
+  .contactCard__outer {
+    width: 33.33333%; } }
 
 @media screen and (min-width: 62em) {
   .pageNav__link {
-    border-left: 0.1em solid grey; }
+    border-left: 1px solid grey; }
     .pageNav__link:first-child {
       border-left: none; }
   .degreeCard__label h1 {
     font-size: 1.75em; }
   .concentrationTiles {
-    width: 60%; }
+    width: 60%;
+    float: left; }
   .concentrationTile {
     width: 45%;
-    height: 15em; }
+    height: 15em;
+    margin: 1em 1.25%; }
   .concentrationTile__inner.active {
     background-color: rgba(0, 0, 0, 0.5); }
     .concentrationTile__inner.active .concentrationTile__text {
@@ -2000,10 +2387,13 @@ html {
       background-color: transparent; }
   .concentrationInfoContainer {
     display: block;
-    width: 40%; }
+    width: 40%;
+    float: left; }
   .aboutUsTile {
     max-width: 20em; }
   .aboutUsTile--large {
     max-width: 40em; }
   .applyCampus__inner figcaption h1 {
-    font-size: 4em; } }
+    font-size: 4em; }
+  .contactCard__outer {
+    width: 25%; } }
diff --git a/dist/css/app.min.css b/dist/css/app.min.css
index d87f63e..69576ae 100755
--- a/dist/css/app.min.css
+++ b/dist/css/app.min.css
@@ -1 +1 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}[class*=icon-]{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova,.uc_title__levelOne,.uc_title__levelTwo{font-family:"Proxima Nova"}@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}.uc_lightBlue-c{color:#03357a}.uc_lightBlue-bg{background-color:#03357a}.uc_lightBlue-bd{border-color:#03357a}.uc_darkBlue-c{color:#01062c}.uc_darkBlue-bg{background-color:#01062c}.uc_darkBlue-bd{border-color:#01062c}.uc_buttonBlue-c{color:#1a4798}.uc_buttonBlue-bg{background-color:#1a4798}.uc_buttonBlue-bd{border-color:#1a4798}.uc_textLightBlue-c{color:#008cba}.uc_textLightBlue-bg{background-color:#008cba}.uc_textLightBlue-bd{border-color:#008cba}.uc_textDarkBlue-c{color:#263a75}.uc_textDarkBlue-bg{background-color:#263a75}.uc_textDarkBlue-bd{border-color:#263a75}.uc_textYellow-c{color:#ffa902}.uc_textYellow-bg{background-color:#ffa902}.uc_textYellow-bd{border-color:#ffa902}.uc_bannerDarkBlue-c{color:#000e2f}.uc_bannerDarkBlue-bg{background-color:#000e2f}.uc_bannerDarkBlue-bd{border-color:#000e2f}.uc_grey-c{color:#7C878E}.uc_grey-bg{background-color:#7C878E}.uc_grey-bd{border-color:#7C878E}.uc_halfBlack-c{color:rgba(0,0,0,.5)}.uc_halfBlack-bg{background-color:rgba(0,0,0,.5)}.uc_halfBlack-bd{border-color:rgba(0,0,0,.5)}.uc_lightBlue-to-darkBlue,.uc_lightBlue-to-darkBlue--reverse{background-image:linear-gradient(to bottom,#03357a,#01062c)}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:80em;margin:auto;box-sizing:border-box;padding:0 .5em}.uc_banner__logo{color:#fff;font-size:3em;float:left;margin:0;line-height:1.333em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:10em;letter-spacing:.055em;word-spacing:.02em;padding-left:.25em;margin:1em 0;font-weight:700;font-style:normal;border-left:2px solid #3f4760;line-height:1em}@media (min-width:27em){.uc_banner__name{display:block}}@media (min-width:34em){.uc_banner__name{line-height:2em;width:auto}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:21em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%);pointer-events:none}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%);pointer-events:all}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;width:10em;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{width:10em;line-height:2em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_title__levelOne a,.uc_title__levelTwo a{color:inherit;text-decoration:none}.uc_title__levelOne{font-size:1.5em}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Book.otf);font-weight:400;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-BookItalic.otf);font-weight:400;font-style:italic}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-BoldItalic.otf);font-weight:700;font-style:italic}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Gotham}.master-wrapper::after{content:"mobile";display:block;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}@media only screen and (min-width:38em){.master-wrapper::after{content:"tablet"}}@media only screen and (min-width:48em){.master-wrapper::after{content:"tabletLarge"}}@media only screen and (min-width:62em){.master-wrapper::after{content:"desktop"}}.pageHeader{background-color:#666}.pageHeader__titles{float:left}.uc_title__levelTwo{font-size:.9em;color:#757c7c}.uc_title__levelOne{color:#fff}.pageHeader__actionButtons{float:left;width:100%;height:3em}.pageHeader__actionButton{display:block;float:right;width:40%;height:2em;max-width:8em;margin:.5em;text-align:center;line-height:2.2em;color:#636263;font-weight:700;text-decoration:none;background-color:#3a3f4e;transition:color .15s cubic-bezier(.6,.06,.59,1),background-color .15s cubic-bezier(.6,.06,.59,1)}.pageHeader__actionButton:hover{background-color:#0f1937;color:#fff}.pageNav{width:100vw;background-color:#383838;border-top:.2em solid #161616!important;border-bottom:.75em solid}.u-degreesColor .pageNav{border-color:#C1133D}.u-concentrationsColor .pageNav{border-color:#EF7C02}.u-campusesColor .pageNav{border-color:#1982BE}.u-for-studentsColor .pageNav{border-color:#76B700}.u-about-usColor .pageNav{border-color:#9A2D98}.u-our-workColor .pageNav{border-color:#f3D33D}.u-talk-to-usColor .pageNav{border-color:#6c686c}.u-how-to-applyColor .pageNav{border-color:#194472}.pageNav__toggle{display:none}.pageNav__toggleLabel{box-sizing:border-box;display:block;width:2em;height:2em;margin:.5em;padding:0;border:0;outline:0;cursor:pointer;background-color:transparent;position:relative}.pageNav__toggleLabelBar{width:2em;height:.15em;background-color:#fff;position:absolute}.pageNav__toggleLabelBar--top{left:50%;top:25%;transform:translate(-50%,-50%) rotate(0);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--top{top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--middle{left:50%;top:50%;opacity:1;transform:translate(-50%,-50%);transition:opacity 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--middle{opacity:0;transition:opacity 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--bottom{left:50%;top:75%;transform:translate(-50%,-50%) rotate(180deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--bottom{top:50%;transform:translate(-50%,-50%) rotate(135deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggle:checked~.pageNav__inner{height:12em}.pageNav__inner{width:100%;height:0;overflow-y:hidden;transition:height .25s cubic-bezier(.6,.06,.59,1)}.pageNav__link::before,.subPageNav__link::before{content:"";top:50%;width:0;height:0}.pageNav__link{display:block;text-decoration:none;font-size:.8em;line-height:2.5em;font-weight:700;color:#7a7878;padding-left:.5em;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.subPageBody,.subPageMain{display:-ms-flexbox;-ms-flex-align:stretch}.pageNav__link::before{position:absolute;left:0;border-color:inherit;border-left:.5em solid;border-top:.433em solid transparent;border-bottom:.433em solid transparent;opacity:0;transform:translate(.2em,-65%);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.pageNav__link:hover{color:#fff;transform:translateX(.5em)}.pageNav__link:hover::before{opacity:1;transform:translate(-.2em,-65%)}.pageNav__link--degrees{border-color:#C1133D}.pageNav__link--degrees::hover{background-color:#C1133D}.pageNav__link--degrees.active,.pageNav__link--degrees:hover{color:#C1133D}.pageNav__link--concentrations{border-color:#EF7C02}.pageNav__link--concentrations::hover{background-color:#EF7C02}.pageNav__link--concentrations.active,.pageNav__link--concentrations:hover{color:#EF7C02}.pageNav__link--campuses{border-color:#1982BE}.pageNav__link--campuses::hover{background-color:#1982BE}.pageNav__link--campuses.active,.pageNav__link--campuses:hover{color:#1982BE}.pageNav__link--for-students{border-color:#76B700}.pageNav__link--for-students::hover{background-color:#76B700}.pageNav__link--for-students.active,.pageNav__link--for-students:hover{color:#76B700}.pageNav__link--about-us{border-color:#9A2D98}.pageNav__link--about-us::hover{background-color:#9A2D98}.pageNav__link--about-us.active,.pageNav__link--about-us:hover{color:#9A2D98}.pageNav__link--our-work{border-color:#f3D33D}.pageNav__link--our-work::hover{background-color:#f3D33D}.pageNav__link--our-work.active,.pageNav__link--our-work:hover{color:#f3D33D}.pageNav__link--talk-to-us{border-color:#6c686c}.pageNav__link--talk-to-us::hover{background-color:#6c686c}.pageNav__link--talk-to-us.active,.pageNav__link--talk-to-us:hover{color:#6c686c}.pageNav__link--how-to-apply{border-color:#194472}.pageNav__link--how-to-apply::hover{background-color:#194472}.pageNav__link--how-to-apply.active,.pageNav__link--how-to-apply:hover{color:#194472}.subPage{margin-bottom:1em}.subPageNav{margin-top:1em}.subPageNav__link{margin-left:1em;position:relative;text-decoration:none}.subPageNav__link::before{position:absolute;left:-1em;transform:translateY(-50%);border-right:.5em solid;border-color:inherit;border-top:.43em solid transparent;border-bottom:.43em solid transparent}.mainFooter__applyButton::before,.socialNav__link::before{content:"";top:50%;z-index:1;transform:translate(-50%,-50%);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);left:50%}.subPageMain{display:flex;align-items:stretch;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-1em;margin-right:-1em}.subPageAside,.subPageBody{box-sizing:border-box;width:100%;padding:1em}.subPageBody{display:flex;align-items:stretch}.subPageAside__inner{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap}.subPageBody__inner{width:100%;background-color:#f0f0f0;padding:1em}.subPageAside__Image{box-sizing:border-box;width:100%;margin:0;overflow:hidden}.subPageAside__Image img{max-width:100%;vertical-align:bottom}.subPageAside__Banner{text-decoration:none;box-sizing:border-box;width:100%;padding:2em;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.subPage--degrees a,.subPage--degrees h1,.subPage--degrees h2,.subPage--degrees h3,.subPage--degrees h4,.subPage--degrees h5,.subPage--degrees h6{color:#C1133D;border-color:#C1133D}.subPage--degrees .subPageAside__Banner{background-color:#C1133D}.subPage--degrees .subPageAside__Banner h3{color:#fff}.subPage--concentrations a,.subPage--concentrations h1,.subPage--concentrations h2,.subPage--concentrations h3,.subPage--concentrations h4,.subPage--concentrations h5,.subPage--concentrations h6{color:#EF7C02;border-color:#EF7C02}.subPage--concentrations .subPageAside__Banner{background-color:#EF7C02}.subPage--concentrations .subPageAside__Banner h3{color:#fff}.subPage--campuses a,.subPage--campuses h1,.subPage--campuses h2,.subPage--campuses h3,.subPage--campuses h4,.subPage--campuses h5,.subPage--campuses h6{color:#1982BE;border-color:#1982BE}.subPage--campuses .subPageAside__Banner{background-color:#1982BE}.subPage--campuses .subPageAside__Banner h3{color:#fff}.subPage--for-students a,.subPage--for-students h1,.subPage--for-students h2,.subPage--for-students h3,.subPage--for-students h4,.subPage--for-students h5,.subPage--for-students h6{color:#76B700;border-color:#76B700}.subPage--for-students .subPageAside__Banner{background-color:#76B700}.subPage--for-students .subPageAside__Banner h3{color:#fff}.subPage--about-us a,.subPage--about-us h1,.subPage--about-us h2,.subPage--about-us h3,.subPage--about-us h4,.subPage--about-us h5,.subPage--about-us h6{color:#9A2D98;border-color:#9A2D98}.subPage--about-us .subPageAside__Banner{background-color:#9A2D98}.subPage--about-us .subPageAside__Banner h3{color:#fff}.subPage--our-work a,.subPage--our-work h1,.subPage--our-work h2,.subPage--our-work h3,.subPage--our-work h4,.subPage--our-work h5,.subPage--our-work h6{color:#f3D33D;border-color:#f3D33D}.subPage--our-work .subPageAside__Banner{background-color:#f3D33D}.subPage--our-work .subPageAside__Banner h3{color:#fff}.subPage--talk-to-us a,.subPage--talk-to-us h1,.subPage--talk-to-us h2,.subPage--talk-to-us h3,.subPage--talk-to-us h4,.subPage--talk-to-us h5,.subPage--talk-to-us h6{color:#6c686c;border-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner{background-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner h3{color:#fff}.subPage--how-to-apply a,.subPage--how-to-apply h1,.subPage--how-to-apply h2,.subPage--how-to-apply h3,.subPage--how-to-apply h4,.subPage--how-to-apply h5,.subPage--how-to-apply h6{color:#194472;border-color:#194472}.subPage--how-to-apply .subPageAside__Banner{background-color:#194472}.subPage--how-to-apply .subPageAside__Banner h3{color:#fff}.mainFooter{background-color:#000;color:#fff;padding:1em 0}.mainFooter__subNav,.mainFooter__superNav{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.mainFooter__superNav{-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3em}.mainFooter__subNav{-ms-flex-pack:start;justify-content:flex-start}.mainFooter__social{padding-right:2em;margin-bottom:.5em}.mainFooter__apply{margin-top:.5em}.socialNav ul{list-style:none;padding-left:0;margin:0}.socialNav li{float:left}.socialNav__link{display:block;width:3em;height:3em;border-radius:50%;margin:.5em;position:relative}.socialNav__link#facebook{background:url(../img/footer-icons/facebook.png) center/cover no-repeat}.socialNav__link#twitter{background:url(../img/footer-icons/twitter.png) center/cover no-repeat}.socialNav__link#instagram{background:url(../img/footer-icons/instagram.png) center/cover no-repeat}.socialNav__link#youtube{background:url(../img/footer-icons/youtube.png) center/cover no-repeat}.socialNav__link::before{position:absolute;width:2.75em;height:2.75em;border-radius:50%;border:1px solid;border-color:inherit;opacity:0}.socialNav__link.active::before,.socialNav__link:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.socialNav__link--first{margin-left:0}.mainFooter__applyButton{display:block;font-size:1.5em;color:#000;text-decoration:none;background-color:#fff;padding:1em 1.5em;position:relative}.mainFooter__applyButton::before{position:absolute;width:100%;height:100%;border:1px solid;border-color:inherit;opacity:0}.degreeBanner__btn::before,.degreeCard::before{border:1px solid #C1133D;z-index:1;content:""}.mainFooter__applyButton.active::before,.mainFooter__applyButton:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.mainFooter__subNavLink{display:block;margin:.5em 1em;color:#fff;text-decoration:none;position:relative}.mainFooter__subNavLink::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:1px;transition:width .15s cubic-bezier(.6,.06,.59,1)}.mainFooter__subNavLink:hover::after{width:100%}.degreeCards{display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-align:center;align-items:center;margin:1em 0}.degreeCard{display:block;width:100%;max-width:24em;margin:0 0 1em;overflow:hidden;background-color:#000;cursor:pointer;position:relative}.degreeCard::before,.degreeCard__label{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.degreeCard::before{width:100%;height:100%;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard.active::before,.degreeCard:hover::before{width:calc(100% + -2em);height:calc(100% + -2em);opacity:1}.degreeCard__background{max-width:100%;vertical-align:bottom;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard__label{width:80%;color:#fff;text-align:center}.degreeCard__label h1{font-size:1.25em;margin:0}.degreeCard__label h4{font-weight:lighter;margin:.5em 0 0}.degreeCard__learnMore{transform:translateY(-100%);opacity:0;transition:.15s cubic-bezier(.6,.06,.59,1);color:#C1133D}.degreeCard:hover .degreeCard__background{opacity:.5}.degreeCard:hover .degreeCard__learnMore{transform:translateY(50%);opacity:1}.degreeBanner{background:url(../img/degrees/degrees-redirect-bg.jpg) center/cover no-repeat;overflow-y:hidden}.degreeBanner__inner{width:100%;max-width:28em;margin:4em auto;box-sizing:border-box;padding:.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:row wrap;flex-flow:row wrap}.degreeBanner__btn{box-sizing:border-box;text-align:center;display:block;padding:.5em;color:#fff;text-decoration:none;margin:.5em 0;position:relative;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn:hover{background-color:#fff;color:#C1133D}.degreeBanner__btn::before{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn.active::before,.degreeBanner__btn:hover::before{width:calc(100% + .5em);height:calc(100% + .5em);opacity:1}.degreeBanner__btn--small{width:47.5%;background-color:#C1133D}.degreeBanner__btn--large{width:100%;padding:2em;background-image:linear-gradient(173deg,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 50%)}.cameraIcon{display:inline-block;width:2em;height:2em;margin-right:.5em;vertical-align:middle;background:url(../img/degrees/camera-icon.png) center/cover no-repeat}.concentrationsContainer{display:-ms-flexbox!important;display:flex!important;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch}.concentrationTiles{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.concentrationTile{width:90vw;height:50vw;display:block;margin:1em 0;text-decoration:none}.concentrationTile--2dAnimation{background:url(../img/concentrations/2dAnimation.jpg) center/cover no-repeat}.concentrationTile--3dAnimation{background:url(../img/concentrations/3dAnimation.jpg) center/cover no-repeat}.concentrationTile--businessStrategies{background:url(../img/concentrations/businessStrategies.jpg) center/cover no-repeat}.concentrationTile--digitalHumanities{background:url(../img/concentrations/digitalHumanities.jpg) center/cover no-repeat}.concentrationTile--gameDesign{background:url(../img/concentrations/gameDesign.jpg) center/cover no-repeat}.concentrationTile--webDesign{background:url(../img/concentrations/webDesign.jpg) center/cover no-repeat}.concentrationTile__inner{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;background-color:transparent;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:1;transform:translate(-50%,-50%);border:1px solid #fff;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner.active::before,.concentrationTile__inner:hover::before{width:calc(100% + -1.5em);height:calc(100% + -1.5em);opacity:1}.concentrationTile__inner:hover{background-color:rgba(0,0,0,.5)}.concentrationTile__text{width:60%;text-align:center;color:#fff;font-weight:700;background:rgba(239,124,2,.8);padding:.5em;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner:hover .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:none;position:relative}.concentrationInfo{z-index:0;position:absolute;top:0;left:0;opacity:0;width:100%;transition:opacity .3s cubic-bezier(.6,.06,.59,1)}.concentrationInfo.active{opacity:1;z-index:1}.concentrationInfo h1{box-sizing:border-box;color:#fff;font-size:1.5em;text-align:center;width:100%;padding:.5em;background-color:#EF7C02}.concentrationInfo li{margin:.3em 0}.concentrationInfo h3{box-sizing:border-box;color:#EF7C02;text-align:center;width:100%;padding:.5em;border:.25em solid #EF7C02}.concentrationInfo__button{display:block;width:50%}.aboutUsTiles{max-width:60em;margin:0 auto;overflow-y:hidden}.aboutUsTile{box-sizing:border-box;margin:0 auto;max-width:30em;width:100%;padding:.5em}.aboutUsTile__inner{display:block;color:#fff;text-decoration:none;width:100%;height:100%;position:relative}.aboutUsTile__inner img{max-width:100%;margin:0 auto;display:block;vertical-align:text-bottom}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.aboutUsTile--large .aboutUsTile__caption img{width:2.5em;height:2.5em;float:left;margin-right:.5em;display:none}.aboutUsTile--large .aboutUsTile__captionText{float:left;width:15em;font-size:1.2em;font-weight:700;margin:0;text-align:center}.aboutUsTile--small .aboutUsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:10;transform:translate(-50%,-50%);border:1px solid #9A2D98;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner.active::before,.aboutUsTile--small .aboutUsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__caption{position:absolute;top:50%;left:50%;width:calc(100% - 2em);height:calc(100% - 2em);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.75);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__captionText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0}.aboutUsTile--small .aboutUsTile__inner:hover .aboutUsTile__caption{width:100%;height:100%}.contactCards{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.contactCard{width:100%;max-width:14em;-ms-flex-preferred-size:14em;flex-basis:14em;margin:1.5em .5em;float:left}.contactCard--red hr{border-color:#c41f40}.contactCard--orange hr{border-color:#ef7d22}.contactCard--yellow hr{border-color:#f2d43c}.contactCard--green hr{border-color:#73b843}.contactCard--blue hr{border-color:#1f83c0}.contactCard__top{width:100%;margin:0 0 .5em;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.contactCard__top img{height:130px;height:auto}.contactCard__top figcaption{padding-left:.5em}.contactCard__top h3{margin:0;font-size:.7em}.contactCard__top h3:last-child{color:#8d848d}.contactCard__bottom{width:100%;margin:0;background-color:#383638;overflow-y:hidden}.contactCard__bottom hr{margin-bottom:.75em}.contactCard__bottomInner{padding:.75em .75em .25em}.contactCard__bottomInner a,.contactCard__bottomInner h4{color:#e4e4e4;text-transform:uppercase}.contactCard__bottomInner a{text-decoration:none}.contactCard__bottomInner h4{margin:0 0 .1em;font-size:.6em}.applyCampus{width:100%;float:left;padding:2em;box-sizing:border-box}.applyCampus__inner{width:100%;margin:0}.applyCampus__inner img{max-width:100%}.applyCampus__inner figcaption{border-left:.1em solid #194472;margin:.5em 0 0 .2em;box-sizing:border-box;padding-left:1em}.applyCampus__inner figcaption h1{font-size:3em;padding:.4em 0 .2em;margin:0}.applyCampus__link{color:#7a7878;text-decoration:none;display:block;font-weight:700;letter-spacing:.1em;padding:.2em 0;position:relative;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link::before{content:"";position:absolute;left:0;top:.35em;width:0;height:0;border-top:.433em solid transparent;border-bottom:.433em solid transparent;border-left:.5em solid #194472;opacity:0;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link:hover{color:#000;transform:translateX(.5em)}.applyCampus__link:hover::before{opacity:1;transform:translateX(-1em)}.u-floatRight{float:right}.u-container{padding:0 1em;display:block;max-width:80em;overflow-y:hidden;margin-left:auto;margin-right:auto}.u-blackBG{background-color:#000}.u-degreesColor .u-backgroundColor,.u-degreesColor .u-h-backgroundColor:hover,.u-degreesColor .u-s-backgroundColor::after,.u-degreesColor .u-s-backgroundColor::before{background-color:#C1133D}.u-indent{margin-left:2em}.u-degreesColor .u-color{color:#C1133D}.u-degreesColor .u-borderColor{border-color:#C1133D}.u-concentrationsColor .u-backgroundColor,.u-concentrationsColor .u-h-backgroundColor:hover,.u-concentrationsColor .u-s-backgroundColor::after,.u-concentrationsColor .u-s-backgroundColor::before{background-color:#EF7C02}.u-concentrationsColor .u-color{color:#EF7C02}.u-concentrationsColor .u-borderColor{border-color:#EF7C02}.u-campusesColor .u-backgroundColor,.u-campusesColor .u-h-backgroundColor:hover,.u-campusesColor .u-s-backgroundColor::after,.u-campusesColor .u-s-backgroundColor::before{background-color:#1982BE}.u-campusesColor .u-color{color:#1982BE}.u-campusesColor .u-borderColor{border-color:#1982BE}.u-for-studentsColor .u-backgroundColor,.u-for-studentsColor .u-h-backgroundColor:hover,.u-for-studentsColor .u-s-backgroundColor::after,.u-for-studentsColor .u-s-backgroundColor::before{background-color:#76B700}.u-for-studentsColor .u-color{color:#76B700}.u-for-studentsColor .u-borderColor{border-color:#76B700}.u-about-usColor .u-backgroundColor,.u-about-usColor .u-h-backgroundColor:hover,.u-about-usColor .u-s-backgroundColor::after,.u-about-usColor .u-s-backgroundColor::before{background-color:#9A2D98}.u-about-usColor .u-color{color:#9A2D98}.u-about-usColor .u-borderColor{border-color:#9A2D98}.u-our-workColor .u-backgroundColor,.u-our-workColor .u-h-backgroundColor:hover,.u-our-workColor .u-s-backgroundColor::after,.u-our-workColor .u-s-backgroundColor::before{background-color:#f3D33D}.u-our-workColor .u-color{color:#f3D33D}.u-our-workColor .u-borderColor{border-color:#f3D33D}.u-talk-to-usColor .u-backgroundColor,.u-talk-to-usColor .u-h-backgroundColor:hover,.u-talk-to-usColor .u-s-backgroundColor::after,.u-talk-to-usColor .u-s-backgroundColor::before{background-color:#6c686c}.u-talk-to-usColor .u-color{color:#6c686c}.u-talk-to-usColor .u-borderColor{border-color:#6c686c}.u-how-to-applyColor .u-backgroundColor,.u-how-to-applyColor .u-h-backgroundColor:hover,.u-how-to-applyColor .u-s-backgroundColor::after,.u-how-to-applyColor .u-s-backgroundColor::before{background-color:#194472}.u-how-to-applyColor .u-color{color:#194472}.u-how-to-applyColor .u-borderColor{border-color:#194472}@media screen and (min-width:38em){.subPageAside__Banner,.subPageAside__Image{width:50%}.concentrationTile{width:40vw;height:25vw}.aboutUsTile{max-width:50%;float:left}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{width:21em}.aboutUsTile--large .aboutUsTile__caption img{display:block}.aboutUsTile--large .aboutUsTile__captionText{text-align:left}}@media screen and (min-width:48em){.pageNav .u-container{padding:0}.pageNav__toggleLabel{display:none}.pageNav__inner{height:3em!important}.pageNav__link{width:16.66667%;float:left;box-sizing:border-box;margin:.5em 0;padding:0;text-align:center}.pageNav__link::before{top:100%;left:0;width:100%;height:1em;opacity:1;border:none}.pageNav__link:hover{transform:translate(0,0)}.pageHeader__actionButtons{float:right;width:20em;margin-top:2.5em}.subPageBody{width:60%}.subPageAside{width:40%}.subPageAside__Banner,.subPageAside__Image{width:100%}.degreeCards{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.degreeCard{width:33%}.applyCampus{width:50%}}@media screen and (min-width:62em){.pageNav__link{border-left:.1em solid grey}.pageNav__link:first-child{border-left:none}.degreeCard__label h1{font-size:1.75em}.concentrationTiles{width:60%}.concentrationTile{width:45%;height:15em}.concentrationTile__inner.active{background-color:rgba(0,0,0,.5)}.concentrationTile__inner.active .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:block;width:40%}.aboutUsTile{max-width:20em}.aboutUsTile--large{max-width:40em}.applyCampus__inner figcaption h1{font-size:4em}}
\ No newline at end of file
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}@font-face{font-family:Prompt;font-style:normal;font-weight:300;src:local('Prompt Light'),local('Prompt-Light'),url(https://fonts.gstatic.com/s/prompt/v1/ufd59T_nsg6D9Pwkuk7SoKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:normal;font-weight:600;src:local('Prompt SemiBold'),local('Prompt-SemiBold'),url(https://fonts.gstatic.com/s/prompt/v1/3_KC0-To5jGOKtudoVFJIKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:300;src:local('Prompt Light Italic'),local('Prompt-LightItalic'),url(https://fonts.gstatic.com/s/prompt/v1/60KGnR2l5jXF8EUIzlTWZJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:600;src:local('Prompt SemiBold Italic'),local('Prompt-SemiBoldItalic'),url(https://fonts.gstatic.com/s/prompt/v1/Qnmw3djJvBNodDUGEKHjzJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}[class*=icon-]{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova,.uc_title__levelOne,.uc_title__levelTwo{font-family:"Proxima Nova"}@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}.uc_lightBlue-c{color:#03357a}.uc_lightBlue-bg{background-color:#03357a}.uc_lightBlue-bd{border-color:#03357a}.uc_darkBlue-c{color:#01062c}.uc_darkBlue-bg{background-color:#01062c}.uc_darkBlue-bd{border-color:#01062c}.uc_buttonBlue-c{color:#1a4798}.uc_buttonBlue-bg{background-color:#1a4798}.uc_buttonBlue-bd{border-color:#1a4798}.uc_textLightBlue-c{color:#008cba}.uc_textLightBlue-bg{background-color:#008cba}.uc_textLightBlue-bd{border-color:#008cba}.uc_textDarkBlue-c{color:#263a75}.uc_textDarkBlue-bg{background-color:#263a75}.uc_textDarkBlue-bd{border-color:#263a75}.uc_textYellow-c{color:#ffa902}.uc_textYellow-bg{background-color:#ffa902}.uc_textYellow-bd{border-color:#ffa902}.uc_bannerDarkBlue-c{color:#000e2f}.uc_bannerDarkBlue-bg{background-color:#000e2f}.uc_bannerDarkBlue-bd{border-color:#000e2f}.uc_grey-c{color:#7C878E}.uc_grey-bg{background-color:#7C878E}.uc_grey-bd{border-color:#7C878E}.uc_halfBlack-c{color:rgba(0,0,0,.5)}.uc_halfBlack-bg{background-color:rgba(0,0,0,.5)}.uc_halfBlack-bd{border-color:rgba(0,0,0,.5)}.uc_lightBlue-to-darkBlue,.uc_lightBlue-to-darkBlue--reverse{background-image:linear-gradient(to bottom,#03357a,#01062c)}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:80em;margin:auto;box-sizing:border-box;padding:0 .5em}.uc_banner__logo{color:#fff;font-size:3em;float:left;margin:0;line-height:1.333em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:10em;letter-spacing:.055em;word-spacing:.02em;padding-left:.25em;margin:1em 0;font-weight:700;font-style:normal;border-left:2px solid #3f4760;line-height:1em}@media (min-width:27em){.uc_banner__name{display:block}}@media (min-width:34em){.uc_banner__name{line-height:2em;width:auto}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:21em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%);pointer-events:none}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%);pointer-events:all}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;width:10em;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{width:10em;line-height:2em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_title__levelOne a,.uc_title__levelTwo a{color:inherit;text-decoration:none}.uc_title__levelOne{font-size:1.5em}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Prompt,sans-serif}.master-wrapper::after{content:"mobile";display:block;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}@media only screen and (min-width:38em){.master-wrapper::after{content:"tablet"}}@media only screen and (min-width:48em){.master-wrapper::after{content:"tabletLarge"}}@media only screen and (min-width:62em){.master-wrapper::after{content:"desktop"}}.pageHeader{background-color:#666}.pageHeader__titles{float:left}.uc_title__levelTwo{font-size:.9em;color:#757c7c}.uc_title__levelOne{color:#fff}.pageHeader__actionButtons{float:left;width:100%;height:3em}.pageHeader__actionButton{display:block;float:right;width:40%;height:2em;max-width:8em;margin:.5em;text-align:center;line-height:2.2em;color:#636263;font-weight:700;text-decoration:none;background-color:#3a3f4e;transition:color .15s cubic-bezier(.6,.06,.59,1),background-color .15s cubic-bezier(.6,.06,.59,1)}.pageHeader__actionButton:hover{background-color:#0f1937;color:#fff}.pageNav{width:100vw;background-color:#383838;border-top:.2em solid #161616!important;border-bottom:.75em solid}.u-degreesColor .pageNav{border-color:#C1133D}.u-concentrationsColor .pageNav{border-color:#EF7C02}.u-campusesColor .pageNav{border-color:#1982BE}.u-for-studentsColor .pageNav{border-color:#76B700}.u-about-usColor .pageNav{border-color:#9A2D98}.u-our-workColor .pageNav{border-color:#f3D33D}.u-talk-to-usColor .pageNav{border-color:#6c686c}.u-how-to-applyColor .pageNav{border-color:#194472}.pageNav__toggle{display:none}.pageNav__toggleLabel{box-sizing:border-box;display:block;width:2em;height:2em;margin:.5em;padding:0;border:0;outline:0;cursor:pointer;background-color:transparent;position:relative}.pageNav__toggleLabelBar{width:2em;height:.15em;background-color:#fff;position:absolute}.pageNav__toggleLabelBar--top{left:50%;top:25%;transform:translate(-50%,-50%) rotate(0);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--top{top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--middle{left:50%;top:50%;opacity:1;transform:translate(-50%,-50%);transition:opacity 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--middle{opacity:0;transition:opacity 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--bottom{left:50%;top:75%;transform:translate(-50%,-50%) rotate(180deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--bottom{top:50%;transform:translate(-50%,-50%) rotate(135deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggle:checked~.pageNav__inner{height:12em}.pageNav__inner{width:100%;height:0;overflow-y:hidden;transition:height .25s cubic-bezier(.6,.06,.59,1)}.pageNav__link::before,.subPageNav__link::before{content:"";top:50%;width:0;height:0}.pageNav__link{display:block;text-decoration:none;font-size:.8em;line-height:2.5em;font-weight:700;color:#7a7878;padding-left:.5em;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.subPageBody,.subPageMain{display:-ms-flexbox;-ms-flex-align:stretch}.pageNav__link::before{position:absolute;left:0;border-color:inherit;border-left:.5em solid;border-top:.433em solid transparent;border-bottom:.433em solid transparent;opacity:0;transform:translate(.2em,-65%);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.pageNav__link:hover{color:#fff;transform:translateX(.5em)}.pageNav__link:hover::before{opacity:1;transform:translate(-.2em,-65%)}.pageNav__link--degrees{border-color:#C1133D}.pageNav__link--degrees::hover{background-color:#C1133D}.pageNav__link--degrees.active,.pageNav__link--degrees:hover{color:#C1133D}.pageNav__link--concentrations{border-color:#EF7C02}.pageNav__link--concentrations::hover{background-color:#EF7C02}.pageNav__link--concentrations.active,.pageNav__link--concentrations:hover{color:#EF7C02}.pageNav__link--campuses{border-color:#1982BE}.pageNav__link--campuses::hover{background-color:#1982BE}.pageNav__link--campuses.active,.pageNav__link--campuses:hover{color:#1982BE}.pageNav__link--for-students{border-color:#76B700}.pageNav__link--for-students::hover{background-color:#76B700}.pageNav__link--for-students.active,.pageNav__link--for-students:hover{color:#76B700}.pageNav__link--about-us{border-color:#9A2D98}.pageNav__link--about-us::hover{background-color:#9A2D98}.pageNav__link--about-us.active,.pageNav__link--about-us:hover{color:#9A2D98}.pageNav__link--our-work{border-color:#f3D33D}.pageNav__link--our-work::hover{background-color:#f3D33D}.pageNav__link--our-work.active,.pageNav__link--our-work:hover{color:#f3D33D}.pageNav__link--talk-to-us{border-color:#6c686c}.pageNav__link--talk-to-us::hover{background-color:#6c686c}.pageNav__link--talk-to-us.active,.pageNav__link--talk-to-us:hover{color:#6c686c}.pageNav__link--how-to-apply{border-color:#194472}.pageNav__link--how-to-apply::hover{background-color:#194472}.pageNav__link--how-to-apply.active,.pageNav__link--how-to-apply:hover{color:#194472}.subPage{margin-bottom:1em}.subPageNav{margin-top:1em}.subPageNav__link{margin-left:1em;position:relative;text-decoration:none}.subPageNav__link::before{position:absolute;left:-1em;transform:translateY(-50%);border-right:.5em solid;border-color:inherit;border-top:.43em solid transparent;border-bottom:.43em solid transparent}.mainFooter__applyButton::before,.socialNav__link::before{top:50%;transform:translate(-50%,-50%);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);left:50%;z-index:1;content:""}.subPageMain{display:flex;align-items:stretch;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-1em;margin-right:-1em}.subPageAside,.subPageBody{box-sizing:border-box;width:100%;padding:1em}.subPageBody{display:flex;align-items:stretch}.subPageAside__inner{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap}.subPageBody__inner{width:100%;background-color:#f0f0f0;padding:1em}.subPageAside__Image{box-sizing:border-box;width:100%;margin:0;overflow:hidden}.subPageAside__Image img{max-width:100%;vertical-align:bottom}.subPageAside__Banner{text-decoration:none;box-sizing:border-box;width:100%;padding:2em;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.subPage--degrees a,.subPage--degrees h1,.subPage--degrees h2,.subPage--degrees h3,.subPage--degrees h4,.subPage--degrees h5,.subPage--degrees h6{color:#C1133D;border-color:#C1133D}.subPage--degrees .subPageAside__Banner{background-color:#C1133D}.subPage--degrees .subPageAside__Banner h3{color:#fff}.subPage--concentrations a,.subPage--concentrations h1,.subPage--concentrations h2,.subPage--concentrations h3,.subPage--concentrations h4,.subPage--concentrations h5,.subPage--concentrations h6{color:#EF7C02;border-color:#EF7C02}.subPage--concentrations .subPageAside__Banner{background-color:#EF7C02}.subPage--concentrations .subPageAside__Banner h3{color:#fff}.subPage--campuses a,.subPage--campuses h1,.subPage--campuses h2,.subPage--campuses h3,.subPage--campuses h4,.subPage--campuses h5,.subPage--campuses h6{color:#1982BE;border-color:#1982BE}.subPage--campuses .subPageAside__Banner{background-color:#1982BE}.subPage--campuses .subPageAside__Banner h3{color:#fff}.subPage--for-students a,.subPage--for-students h1,.subPage--for-students h2,.subPage--for-students h3,.subPage--for-students h4,.subPage--for-students h5,.subPage--for-students h6{color:#76B700;border-color:#76B700}.subPage--for-students .subPageAside__Banner{background-color:#76B700}.subPage--for-students .subPageAside__Banner h3{color:#fff}.subPage--about-us a,.subPage--about-us h1,.subPage--about-us h2,.subPage--about-us h3,.subPage--about-us h4,.subPage--about-us h5,.subPage--about-us h6{color:#9A2D98;border-color:#9A2D98}.subPage--about-us .subPageAside__Banner{background-color:#9A2D98}.subPage--about-us .subPageAside__Banner h3{color:#fff}.subPage--our-work a,.subPage--our-work h1,.subPage--our-work h2,.subPage--our-work h3,.subPage--our-work h4,.subPage--our-work h5,.subPage--our-work h6{color:#f3D33D;border-color:#f3D33D}.subPage--our-work .subPageAside__Banner{background-color:#f3D33D}.subPage--our-work .subPageAside__Banner h3{color:#fff}.subPage--talk-to-us a,.subPage--talk-to-us h1,.subPage--talk-to-us h2,.subPage--talk-to-us h3,.subPage--talk-to-us h4,.subPage--talk-to-us h5,.subPage--talk-to-us h6{color:#6c686c;border-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner{background-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner h3{color:#fff}.subPage--how-to-apply a,.subPage--how-to-apply h1,.subPage--how-to-apply h2,.subPage--how-to-apply h3,.subPage--how-to-apply h4,.subPage--how-to-apply h5,.subPage--how-to-apply h6{color:#194472;border-color:#194472}.subPage--how-to-apply .subPageAside__Banner{background-color:#194472}.subPage--how-to-apply .subPageAside__Banner h3{color:#fff}.mainFooter{background-color:#000;color:#fff;padding:1em 0}.mainFooter__subNav,.mainFooter__superNav{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.mainFooter__superNav{-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3em}.mainFooter__subNav{-ms-flex-pack:start;justify-content:flex-start}.mainFooter__social{padding-right:2em;margin-bottom:.5em}.mainFooter__apply{margin-top:.5em}.socialNav ul{list-style:none;padding-left:0;margin:0}.socialNav li{float:left}.socialNav__link{display:block;width:3em;height:3em;border-radius:50%;margin:.5em;position:relative;border-color:#fff}.socialNav__link#facebook{background:url(../img/footer-icons/facebook.png) center/cover no-repeat}.socialNav__link#twitter{background:url(../img/footer-icons/twitter.png) center/cover no-repeat}.socialNav__link#instagram{background:url(../img/footer-icons/instagram.png) center/cover no-repeat}.socialNav__link#youtube{background:url(../img/footer-icons/youtube.png) center/cover no-repeat}.socialNav__link::before{position:absolute;width:2.75em;height:2.75em;border-radius:50%;border:1px solid;border-color:inherit;opacity:0}.socialNav__link.active::before,.socialNav__link:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.socialNav__link--first{margin-left:0}.mainFooter__applyButton{display:block;font-size:1.5em;color:#000;text-decoration:none;background-color:#fff;border-color:#fff;padding:1em 1.5em;position:relative}.mainFooter__applyButton::before{position:absolute;width:100%;height:100%;border:1px solid;border-color:inherit;opacity:0}.mainFooter__applyButton.active::before,.mainFooter__applyButton:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.mainFooter__subNavLink{display:block;margin:.5em 1em;color:#fff;text-decoration:none;position:relative}.mainFooter__subNavLink::after{content:"";background-color:#fff;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:1px;transition:width .15s cubic-bezier(.6,.06,.59,1)}.mainFooter__subNavLink:hover::after{width:100%}.videoWrapper{background-color:#000;width:100%}.videoWrapper__inner{max-width:60em;margin:0 auto;position:relative}.videoWrapper__coverImage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(../img/landing/video-cover.jpg) center/cover no-repeat}.videoWrapper__playButton,.videoWrapper__playButton::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.videoWrapper__playButton{height:3em;width:3em;-webkit-appearence:none;border:none;border-radius:100%;background-color:#fff;outline:0;box-shadow:0 0 1em #000}.videoWrapper__playButton::before{content:"";width:100%;height:100%;z-index:2;border-radius:50%;border:1px solid #fff;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.videoWrapper__playButton.active::before,.videoWrapper__playButton:hover::before{width:calc(100% + 1em);height:calc(100% + 1em);opacity:1}.videoWrapper__playButton::after{content:"";width:0;display:block;margin:0 auto;height:0;border-left:.5em solid #000;border-top:.433em solid transparent;border-bottom:.433em solid transparent}.degreeBanner__btn::before,.degreeCard::before{border:1px solid #C1133D;content:""}.videoWrapper__videoParent{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.videoWrapper__videoParent iframe{position:absolute;top:0;left:0;width:100%;height:100%}.landingNav{background-color:#000}.landingNav__inner{width:100%;max-width:80em;margin:0 auto;overflow:hidden}.landingNav__element{display:block;float:left;height:15em;width:16.66666%;color:#fff;text-decoration:none;transition:width .15s cubic-bezier(.6,.06,.59,1);position:relative}.landingNav__element span{position:absolute;top:100%;left:0;transform-origin:0 0;transform:rotate(-90deg);white-space:nowrap;padding-left:.25em;z-index:2;font-weight:700;font-size:1.5em;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.landingNav__elementColorScreen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.landingNav__element--degrees{background:url(../img/landing/landing-degrees.jpg) center/cover no-repeat}.landingNav__element--degrees:hover .landingNav__elementColorScreen{background-color:#C1133D}.landingNav__element--degrees .landingNav__elementColorScreen{background-color:rgba(193,19,61,.6)}.landingNav__element--concentrations{background:url(../img/landing/landing-concentrations.jpg) center/cover no-repeat}.landingNav__element--concentrations:hover .landingNav__elementColorScreen{background-color:#EF7C02}.landingNav__element--concentrations .landingNav__elementColorScreen{background-color:rgba(239,124,2,.6)}.landingNav__element--our-work{background:url(../img/landing/landing-our-work.jpg) center/cover no-repeat}.landingNav__element--our-work:hover .landingNav__elementColorScreen{background-color:#f3D33D}.landingNav__element--our-work .landingNav__elementColorScreen{background-color:rgba(243,211,61,.6)}.landingNav__element--for-students{background:url(../img/landing/landing-for-students.jpg) center/cover no-repeat}.landingNav__element--for-students:hover .landingNav__elementColorScreen{background-color:#76B700}.landingNav__element--for-students .landingNav__elementColorScreen{background-color:rgba(118,183,0,.6)}.landingNav__element--campuses{background:url(../img/landing/landing-campuses.jpg) center/cover no-repeat}.landingNav__element--campuses:hover .landingNav__elementColorScreen{background-color:#1982BE}.landingNav__element--campuses .landingNav__elementColorScreen{background-color:rgba(25,130,190,.6)}.landingNav__element--about-us{background:url(../img/landing/landing-about-us.jpg) center/cover no-repeat}.landingNav__element--about-us:hover .landingNav__elementColorScreen{background-color:#9A2D98}.landingNav__element--about-us .landingNav__elementColorScreen{background-color:rgba(154,45,152,.6)}.degreeCards{margin:1em auto;max-width:24em;overflow-y:hidden}.degreeCard{display:block;float:left;width:100%;max-width:24em;margin:0 0 1em;overflow:hidden;background-color:#000;cursor:pointer;position:relative}.degreeCard::before,.degreeCard__label{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.degreeCard::before{width:100%;height:100%;z-index:1;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard.active::before,.degreeCard:hover::before{width:calc(100% + -2em);height:calc(100% + -2em);opacity:1}.degreeCard__background{max-width:100%;vertical-align:bottom;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard__label{width:80%;color:#fff;text-align:center}.degreeCard__label h1{font-size:1.25em;margin:0}.degreeCard__label h4{font-weight:lighter;margin:.5em 0 0}.degreeCard__label h4 span{padding:0 .4em}.degreeCard__learnMore{transform:translateY(-100%);opacity:0;transition:.15s cubic-bezier(.6,.06,.59,1);color:#C1133D}.degreeCard:hover .degreeCard__background{opacity:.5}.degreeCard:hover .degreeCard__learnMore{transform:translateY(50%);opacity:1}.degreeBanner{background:url(../img/degrees/degrees-redirect-bg.jpg) center/cover no-repeat;overflow-y:hidden}.degreeBanner__inner{width:100%;max-width:28em;margin:4em auto;box-sizing:border-box;padding:.5em;overflow-y:hidden}.degreeBanner__btn{float:left;box-sizing:border-box;text-align:center;display:block;padding:.5em;color:#fff;text-decoration:none;margin:.5em 0;position:relative;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn:hover{background-color:#fff;color:#C1133D}.degreeBanner__btn::before{position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:1;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn.active::before,.degreeBanner__btn:hover::before{width:calc(100% + .5em);height:calc(100% + .5em);opacity:1}.degreeBanner__btn--small{width:47.5%;background-color:#C1133D}.degreeBanner__btn--large{width:100%;padding:2em;background-image:linear-gradient(173deg,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 50%)}.cameraIcon{display:inline-block;width:2em;height:2em;margin-right:.5em;vertical-align:middle;background:url(../img/degrees/camera-icon.png) center/cover no-repeat}.concentrationTile{width:90vw;height:50vw;display:block;margin:1em 2.5vw;text-decoration:none;float:left}.concentrationTile--2dAnimation{background:url(../img/concentrations/2dAnimation.jpg) center/cover no-repeat}.concentrationTile--3dAnimation{background:url(../img/concentrations/3dAnimation.jpg) center/cover no-repeat}.concentrationTile--businessStrategies{background:url(../img/concentrations/businessStrategies.jpg) center/cover no-repeat}.concentrationTile--digitalHumanities{background:url(../img/concentrations/digitalHumanities.jpg) center/cover no-repeat}.concentrationTile--gameDesign{background:url(../img/concentrations/gameDesign.jpg) center/cover no-repeat}.concentrationTile--webDesign{background:url(../img/concentrations/webDesign.jpg) center/cover no-repeat}.concentrationTile__inner{width:100%;height:100%;position:relative;background-color:transparent;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner::before,.concentrationTile__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.concentrationTile__inner::before{content:"";width:100%;height:100%;z-index:1;border:1px solid #fff;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner.active::before,.concentrationTile__inner:hover::before{width:calc(100% + -1.5em);height:calc(100% + -1.5em);opacity:1}.concentrationTile__inner:hover{background-color:rgba(0,0,0,.5)}.concentrationTile__text{width:60%;text-align:center;color:#fff;font-weight:700;background:rgba(239,124,2,.8);padding:.5em;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner:hover .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:none;position:relative}.concentrationInfo{z-index:0;position:absolute;top:0;left:0;opacity:0;width:100%;transition:opacity .3s cubic-bezier(.6,.06,.59,1)}.concentrationInfo.active{opacity:1;z-index:1}.concentrationInfo h1{box-sizing:border-box;color:#fff;font-size:1.5em;text-align:center;width:100%;padding:.5em;background-color:#EF7C02}.concentrationInfo li{margin:.3em 0}.concentrationInfo h3{box-sizing:border-box;color:#EF7C02;text-align:center;width:100%;padding:.5em;border:.25em solid #EF7C02}.forStudentsTile,.ourWorkTile{padding:1em;float:left;box-sizing:border-box}.concentrationInfo__button{display:block;width:50%}.ourWorkTiles{margin:2em 0;overflow-y:hidden}.ourWorkTile{margin:0;width:100%}.ourWorkTile__inner{width:100%;max-width:20em;text-decoration:none}.ourWorkTile__inner:hover .ourWorkTile__image img{transform:scale(1.2)}.ourWorkTile__inner:hover .ourWorkTile__caption--hover{height:3em}.ourWorkTile__image{width:100%;height:100%;overflow:hidden}.ourWorkTile__image img{width:100%;vertical-align:bottom;transform:scale(1);transition:transform .2s cubic-bezier(.6,.06,.59,1)}.ourWorkTile__caption{width:100%;height:3em;position:relative}.ourWorkTile__caption span{position:absolute;bottom:0;display:block;width:100%;text-align:center;line-height:3em;color:#7a7878;font-size:.9em}.ourWorkTile__caption--hover{position:absolute;overflow:hidden;background-color:#f3D33D;bottom:0;height:.1em;transition:height .2s cubic-bezier(.6,.06,.59,1)}.ourWorkTile__caption--hover span{color:#fff;font-weight:700}.forStudentsTiles{margin:2em 0;overflow-y:hidden}.forStudentsTile{margin:0;width:100%}.forStudentsTile__inner{display:block;width:100%;max-width:30em;margin:0 auto;text-decoration:none;position:relative;overflow-y:hidden}.forStudentsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:2;transform:translate(-50%,-50%);border:1px solid #76B700;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__inner.active::before,.forStudentsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.forStudentsTile__inner:hover .forStudentsTile__image img{transform:scale(1.2)}.forStudentsTile__inner:hover .forStudentsTile__caption{background-color:rgba(0,0,0,.5)}.forStudentsTile__inner:hover .forStudentsTile__caption span{background-color:#76B700;color:#fff}.forStudentsTile__image{width:100%;height:100%;overflow:hidden}.forStudentsTile__image img{width:100%;vertical-align:bottom;transform:scale(1);transition:transform .2s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__caption{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:transparent;transition:background-color .2s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__caption span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#76B700;font-weight:700;background-color:rgba(0,0,0,.7);font-size:1em;text-align:center;padding:1em 2em;transition:color .2s cubic-bezier(.6,.06,.59,1),background-color .2s cubic-bezier(.6,.06,.59,1)}.aboutUsTiles{max-width:60em;margin:0 auto;overflow-y:hidden}.aboutUsTile{box-sizing:border-box;margin:0 auto;max-width:30em;width:100%;padding:.5em}.aboutUsTile__inner{display:block;color:#fff;text-decoration:none;width:100%;height:100%;position:relative}.aboutUsTile__inner img{max-width:100%;margin:0 auto;display:block;vertical-align:text-bottom}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.aboutUsTile--large .aboutUsTile__caption img{width:2.5em;height:2.5em;float:left;margin-right:.5em;display:none}.aboutUsTile--large .aboutUsTile__captionText{float:left;width:15em;font-size:1.2em;font-weight:700;margin:0;text-align:center}.aboutUsTile--small .aboutUsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:10;transform:translate(-50%,-50%);border:1px solid #9A2D98;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner.active::before,.aboutUsTile--small .aboutUsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__caption{position:absolute;top:50%;left:50%;width:calc(100% - 2em);height:calc(100% - 2em);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.75);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__captionText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0}.aboutUsTile--small .aboutUsTile__inner:hover .aboutUsTile__caption{width:100%;height:100%}.contactCards{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.contactCard__outer{width:100%;float:left}.contactCard{width:100%;max-width:14em;margin:1.5em auto;text-decoration:none;display:block;color:#000}.contactCard--red hr{border-color:#c41f40}.contactCard--orange hr{border-color:#ef7d22}.contactCard--yellow hr{border-color:#f2d43c}.contactCard--green hr{border-color:#73b843}.contactCard--blue hr{border-color:#1f83c0}.contactCard__top{width:100%;margin:0;position:relative;min-height:100%}.contactCard__top img{width:50%;height:auto;display:block}.contactCard__top figcaption{display:block;width:50%;padding-left:.5em;position:absolute;left:50%;top:100%;transform:translateY(-100%)}#all,.contactModal{top:50%;left:50%;position:fixed}.contactCard__top h3{margin:0;font-size:.7em}.contactCard__top h3:last-child{color:#8d848d}.contactCard__bottom{width:100%;margin:0;background-color:#383638;overflow-y:hidden}.contactCard__bottom hr{margin-bottom:.75em}.contactCard__bottomInner{padding:.75em .75em .25em}.contactCard__bottomInner a,.contactCard__bottomInner h4{color:#e4e4e4;text-transform:uppercase}.contactCard__bottomInner a{text-decoration:none}.contactCard__bottomInner h4{margin:0 0 .1em;font-size:.6em}#all{z-index:999}.contactModal{display:block;opacity:0;z-index:-999;transform:translate(-50%,-55%);width:100vw;max-width:50em;height:100%;max-height:50em;box-sizing:border-box;padding:1em;transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1),z-index .1ms linear .15s}.contactModal__inner{width:100%;height:100%;box-shadow:0 0 1em rgba(56,54,56,.5);background-color:#fff}.contactModal:target{opacity:1;z-index:3;transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);transform:translate(-50%,-50%)}.contactModal:target+.contactModal__cover{opacity:1;z-index:2;transition:opacity .1s cubic-bezier(.6,.06,.59,1)}.contactModal__cover{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-999;opacity:0;background-color:rgba(255,255,255,.95);cursor:default;transition:opacity .1s cubic-bezier(.6,.06,.59,1) .15s,z-index .1ms linear .25s}.contactModal--red .contactModal__header{background-color:#c41f40}.contactModal--orange .contactModal__header{background-color:#ef7d22}.contactModal--yellow .contactModal__header{background-color:#f2d43c}.contactModal--green .contactModal__header{background-color:#73b843}.contactModal--blue .contactModal__header{background-color:#1f83c0}.contactModal--red .contactModal__bodyInfo a,.contactModal--red .contactModal__footer a:hover{color:#c41f40}.contactModal--orange .contactModal__bodyInfo a,.contactModal--orange .contactModal__footer a:hover{color:#ef7d22}.contactModal--yellow .contactModal__bodyInfo a,.contactModal--yellow .contactModal__footer a:hover{color:#f2d43c}.contactModal--green .contactModal__bodyInfo a,.contactModal--green .contactModal__footer a:hover{color:#73b843}.contactModal--blue .contactModal__bodyInfo a,.contactModal--blue .contactModal__footer a:hover{color:#1f83c0}.contactModal__header{width:100%;height:6em;position:relative;color:#fff}.contactModal__header h1{margin:0;padding:.5em .5em 0;line-height:1em}.contactModal__header h3{padding:.5em 1em 1em;margin:0}.contactModal__body{box-sizing:border-box;width:100%;height:calc(100% - 8em);overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:1em}.contactModal__footer{line-height:2em;width:100%;background-color:#383638}.contactModal__footer a{color:#fff;text-decoration:none;font-weight:700;padding-left:.5em}.contactModal__bodyInfo{margin:0;font-weight:700}.contactModal__bodyInfo a:hover{color:#383638}.applyCampus{width:100%;float:left;padding:2em;box-sizing:border-box}.applyCampus__inner{width:100%;margin:0}.applyCampus__inner img{max-width:100%}.applyCampus__inner figcaption{border-left:.1em solid #194472;margin:.5em 0 0 .2em;box-sizing:border-box;padding-left:1em}.applyCampus__inner figcaption h1{font-size:3em;padding:.4em 0 .2em;margin:0}.applyCampus__link{color:#7a7878;text-decoration:none;display:block;font-weight:700;letter-spacing:.1em;padding:.2em 0;position:relative;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link::before{content:"";position:absolute;left:0;top:.35em;width:0;height:0;border-top:.433em solid transparent;border-bottom:.433em solid transparent;border-left:.5em solid #194472;opacity:0;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link:hover{color:#000;transform:translateX(.5em)}.applyCampus__link:hover::before{opacity:1;transform:translateX(-1em)}.u-floatRight{float:right}.u-container{padding:0 1em;display:block;max-width:80em;overflow-y:hidden;margin-left:auto;margin-right:auto}.u-blackBG{background-color:#000}.u-degreesColor .u-backgroundColor,.u-degreesColor .u-h-backgroundColor:hover,.u-degreesColor .u-s-backgroundColor::after,.u-degreesColor .u-s-backgroundColor::before{background-color:#C1133D}.u-indent{margin-left:2em}.u-degreesColor .u-color{color:#C1133D}.u-degreesColor .u-borderColor{border-color:#C1133D}.u-concentrationsColor .u-backgroundColor,.u-concentrationsColor .u-h-backgroundColor:hover,.u-concentrationsColor .u-s-backgroundColor::after,.u-concentrationsColor .u-s-backgroundColor::before{background-color:#EF7C02}.u-concentrationsColor .u-color{color:#EF7C02}.u-concentrationsColor .u-borderColor{border-color:#EF7C02}.u-campusesColor .u-backgroundColor,.u-campusesColor .u-h-backgroundColor:hover,.u-campusesColor .u-s-backgroundColor::after,.u-campusesColor .u-s-backgroundColor::before{background-color:#1982BE}.u-campusesColor .u-color{color:#1982BE}.u-campusesColor .u-borderColor{border-color:#1982BE}.u-for-studentsColor .u-backgroundColor,.u-for-studentsColor .u-h-backgroundColor:hover,.u-for-studentsColor .u-s-backgroundColor::after,.u-for-studentsColor .u-s-backgroundColor::before{background-color:#76B700}.u-for-studentsColor .u-color{color:#76B700}.u-for-studentsColor .u-borderColor{border-color:#76B700}.u-about-usColor .u-backgroundColor,.u-about-usColor .u-h-backgroundColor:hover,.u-about-usColor .u-s-backgroundColor::after,.u-about-usColor .u-s-backgroundColor::before{background-color:#9A2D98}.u-about-usColor .u-color{color:#9A2D98}.u-about-usColor .u-borderColor{border-color:#9A2D98}.u-our-workColor .u-backgroundColor,.u-our-workColor .u-h-backgroundColor:hover,.u-our-workColor .u-s-backgroundColor::after,.u-our-workColor .u-s-backgroundColor::before{background-color:#f3D33D}.u-our-workColor .u-color{color:#f3D33D}.u-our-workColor .u-borderColor{border-color:#f3D33D}.u-talk-to-usColor .u-backgroundColor,.u-talk-to-usColor .u-h-backgroundColor:hover,.u-talk-to-usColor .u-s-backgroundColor::after,.u-talk-to-usColor .u-s-backgroundColor::before{background-color:#6c686c}.u-talk-to-usColor .u-color{color:#6c686c}.u-talk-to-usColor .u-borderColor{border-color:#6c686c}.u-how-to-applyColor .u-backgroundColor,.u-how-to-applyColor .u-h-backgroundColor:hover,.u-how-to-applyColor .u-s-backgroundColor::after,.u-how-to-applyColor .u-s-backgroundColor::before{background-color:#194472}.u-how-to-applyColor .u-color{color:#194472}.u-how-to-applyColor .u-borderColor{border-color:#194472}@media screen and (min-width:38em){.subPageAside__Banner,.subPageAside__Image{width:50%}.concentrationTile{width:40vw;height:25vw;margin:1em 3.7vw}.forStudentsTile,.ourWorkTile{width:50%}.aboutUsTile{max-width:50%;float:left}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{width:21em}.aboutUsTile--large .aboutUsTile__caption img{display:block}.aboutUsTile--large .aboutUsTile__captionText{text-align:left}.contactCard__outer{width:50%}}@media screen and (min-width:48em){.pageNav .u-container{padding:0}.pageNav__toggleLabel{display:none}.pageNav__inner{height:3em!important}.pageNav__link{width:16.6%;float:left;box-sizing:border-box;margin:.5em 0;padding:0;text-align:center}.pageNav__link::before{top:100%;left:0;width:100%;height:1em;opacity:1;border:none}.pageNav__link:hover{transform:translate(0,0)}.pageHeader__actionButtons{float:right;width:20em;margin-top:2.5em}.subPageBody{width:60%}.subPageAside{width:40%}.subPageAside__Banner,.subPageAside__Image{width:100%}.degreeCards{max-width:100%;margin:2em auto}.degreeCard{width:30%;max-width:30%;margin:0}.degreeCard:nth-child(2){margin:0 5%}.forStudentsTile,.ourWorkTile{width:33.33333%}.applyCampus{width:50%}.contactCard__outer{width:33.33333%}}@media screen and (min-width:62em){.pageNav__link{border-left:1px solid grey}.pageNav__link:first-child{border-left:none}.degreeCard__label h1{font-size:1.75em}.concentrationTiles{width:60%;float:left}.concentrationTile{width:45%;height:15em;margin:1em 1.25%}.concentrationTile__inner.active{background-color:rgba(0,0,0,.5)}.concentrationTile__inner.active .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:block;width:40%;float:left}.aboutUsTile{max-width:20em}.aboutUsTile--large{max-width:40em}.applyCampus__inner figcaption h1{font-size:4em}.contactCard__outer{width:25%}}
\ No newline at end of file
diff --git a/dist/css/base/typography.css b/dist/css/base/typography.css
index 6378833..bb3a141 100644
--- a/dist/css/base/typography.css
+++ b/dist/css/base/typography.css
@@ -1,26 +1,3 @@
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-Book.otf);
-  font-weight: normal;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-BookItalic.otf);
-  font-weight: normal;
-  font-style: italic; }
-
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-Bold.otf);
-  font-weight: bold;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Gotham';
-  src: url(../fonts/Gotham-BoldItalic.otf);
-  font-weight: bold;
-  font-style: italic; }
-
+@import 'https://fonts.googleapis.com/css?family=Prompt:300,300i,600,600i';
 html {
-  font-family: 'Gotham'; }
+  font-family: 'Prompt', sans-serif; }
diff --git a/dist/css/base/typography.min.css b/dist/css/base/typography.min.css
index 94615b9..fb7aacb 100644
--- a/dist/css/base/typography.min.css
+++ b/dist/css/base/typography.min.css
@@ -1 +1 @@
-@font-face{font-family:Gotham;src:url(../fonts/Gotham-Book.otf);font-weight:400;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-BookItalic.otf);font-weight:400;font-style:italic}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-BoldItalic.otf);font-weight:700;font-style:italic}html{font-family:Gotham}
\ No newline at end of file
+@font-face{font-family:Prompt;font-style:normal;font-weight:300;src:local('Prompt Light'),local('Prompt-Light'),url(https://fonts.gstatic.com/s/prompt/v1/ufd59T_nsg6D9Pwkuk7SoKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:normal;font-weight:600;src:local('Prompt SemiBold'),local('Prompt-SemiBold'),url(https://fonts.gstatic.com/s/prompt/v1/3_KC0-To5jGOKtudoVFJIKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:300;src:local('Prompt Light Italic'),local('Prompt-LightItalic'),url(https://fonts.gstatic.com/s/prompt/v1/60KGnR2l5jXF8EUIzlTWZJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:600;src:local('Prompt SemiBold Italic'),local('Prompt-SemiBoldItalic'),url(https://fonts.gstatic.com/s/prompt/v1/Qnmw3djJvBNodDUGEKHjzJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}html{font-family:Prompt,sans-serif}
\ No newline at end of file
diff --git a/dist/js/main.js b/dist/js/main.js
index dd5c1be..1717710 100644
--- a/dist/js/main.js
+++ b/dist/js/main.js
@@ -201,7 +201,6 @@
 		});
 	}
 	Element.prototype.hasClass = function(_class) {
-		console.log('hi');
 		if(this.classList) {
 
 			return this.classList.contains(_class);
diff --git a/dist/js/main.min.js b/dist/js/main.min.js
index e0ae88d..51bcd17 100644
--- a/dist/js/main.min.js
+++ b/dist/js/main.min.js
@@ -1 +1 @@
-var currentQuery;!function(t,e){function n(){switch(currentQuery){case"mobile":e(".concentrationTile__inner").removeClass("active");break;case"tablet":e(".concentrationTile__inner").removeClass("active");break;case"tabletLarge":e(".concentrationTile__inner").removeClass("active");break;case"desktop":e(".concentrationTile.active").find(".concentrationTile__inner").addClass("active")}}function s(){currentQuery=t.getComputedStyle(e(".master-wrapper").get(0),"::after").getPropertyValue("content"),currentQuery=currentQuery.replace(/"/g,""),n()}s(),e(t).on("resize",function(t){s()}),e(".concentrationTile").on("click",function(t){"desktop"===currentQuery&&(t.preventDefault(),e(".concentrationTile").removeClass("active"),e(this).addClass("active"),e(".concentrationTile__inner").removeClass("active"),e(this).find(".concentrationTile__inner").addClass("active"),e(".concentrationInfo").removeClass("active"),e(this).hasClass("concentrationTile--2dAnimation")?e(".concentrationInfo--2dAnimation").addClass("active"):e(this).hasClass("concentrationTile--3dAnimation")?e(".concentrationInfo--3dAnimation").addClass("active"):e(this).hasClass("concentrationTile--webDesign")?e(".concentrationInfo--webDesign").addClass("active"):e(this).hasClass("concentrationTile--gameDesign")?e(".concentrationInfo--gameDesign").addClass("active"):e(this).hasClass("concentrationTile--businessStrategies")?e(".concentrationInfo--businessStrategies").addClass("active"):e(this).hasClass("concentrationTile--digitalHumanities")&&e(".concentrationInfo--digitalHumanities").addClass("active"))})}(window,jQuery),function(){function t(t,e){return(e||document).querySelectorAll(t)}window.addEventListener("load",function(){var e=t(".uc_banner__button--search"),n=t(".uc_banner__searchForm"),s=t(".uc_banner__dropdownButton");t(".uc_banner__dropdownBody"),t(".uc_banner__dropdownElement");s.addEventListener("click",function(){console.log("hi"),s.toggleClass("active")},!1),e.addEventListener("click",function(){n.toggleClass("active"),s.removeClass("active")},!1)}),NodeList.prototype.addEventListener=function(t,e,n){this.forEach(function(s){s.addEventListener(t,e,n||!0)})},NodeList.prototype.toggleClass=function(t){this.forEach(function(e){e.toggleClass(t)})},Element.prototype.toggleClass=function(t){this.hasClass(t)?this.removeClass(t):this.addClass(t)},NodeList.prototype.addClass=function(t){this.forEach(function(e){e.addClass(t)})},Element.prototype.addClass=function(t){if(this.classList)return this.classList.add(t),this;var e=this.className.split(" ");return-1===e.indexOf(classToAdd)&&(this.className=this.className+(e.length>0?" ":"")+classToAdd),this},NodeList.prototype.removeClass=function(t){this.forEach(function(e){e.removeClass(t)})},Element.prototype.removeClass=function(t){if(this.classList)return this.classList.remove(t),this;var e="";return this.className.split(" ").forEach(function(n){n!=t&&(e+=n+" ")}),this.className=e.replace(/[ \/t]+$/,""),this},NodeList.prototype.hasClass=function(t){this.forEach(function(e){e.hasClass(t)})},Element.prototype.hasClass=function(t){return console.log("hi"),this.classList?this.classList.contains(t):-1!=this.className.split(" ").indexOf(t)}}();
\ No newline at end of file
+var currentQuery;!function(t,e){function n(){switch(currentQuery){case"mobile":e(".concentrationTile__inner").removeClass("active");break;case"tablet":e(".concentrationTile__inner").removeClass("active");break;case"tabletLarge":e(".concentrationTile__inner").removeClass("active");break;case"desktop":e(".concentrationTile.active").find(".concentrationTile__inner").addClass("active")}}function s(){currentQuery=t.getComputedStyle(e(".master-wrapper").get(0),"::after").getPropertyValue("content"),currentQuery=currentQuery.replace(/"/g,""),n()}s(),e(t).on("resize",function(t){s()}),e(".concentrationTile").on("click",function(t){"desktop"===currentQuery&&(t.preventDefault(),e(".concentrationTile").removeClass("active"),e(this).addClass("active"),e(".concentrationTile__inner").removeClass("active"),e(this).find(".concentrationTile__inner").addClass("active"),e(".concentrationInfo").removeClass("active"),e(this).hasClass("concentrationTile--2dAnimation")?e(".concentrationInfo--2dAnimation").addClass("active"):e(this).hasClass("concentrationTile--3dAnimation")?e(".concentrationInfo--3dAnimation").addClass("active"):e(this).hasClass("concentrationTile--webDesign")?e(".concentrationInfo--webDesign").addClass("active"):e(this).hasClass("concentrationTile--gameDesign")?e(".concentrationInfo--gameDesign").addClass("active"):e(this).hasClass("concentrationTile--businessStrategies")?e(".concentrationInfo--businessStrategies").addClass("active"):e(this).hasClass("concentrationTile--digitalHumanities")&&e(".concentrationInfo--digitalHumanities").addClass("active"))})}(window,jQuery),function(){function t(t,e){return(e||document).querySelectorAll(t)}window.addEventListener("load",function(){var e=t(".uc_banner__button--search"),n=t(".uc_banner__searchForm"),s=t(".uc_banner__dropdownButton");t(".uc_banner__dropdownBody"),t(".uc_banner__dropdownElement");s.addEventListener("click",function(){console.log("hi"),s.toggleClass("active")},!1),e.addEventListener("click",function(){n.toggleClass("active"),s.removeClass("active")},!1)}),NodeList.prototype.addEventListener=function(t,e,n){this.forEach(function(s){s.addEventListener(t,e,n||!0)})},NodeList.prototype.toggleClass=function(t){this.forEach(function(e){e.toggleClass(t)})},Element.prototype.toggleClass=function(t){this.hasClass(t)?this.removeClass(t):this.addClass(t)},NodeList.prototype.addClass=function(t){this.forEach(function(e){e.addClass(t)})},Element.prototype.addClass=function(t){if(this.classList)return this.classList.add(t),this;var e=this.className.split(" ");return-1===e.indexOf(classToAdd)&&(this.className=this.className+(e.length>0?" ":"")+classToAdd),this},NodeList.prototype.removeClass=function(t){this.forEach(function(e){e.removeClass(t)})},Element.prototype.removeClass=function(t){if(this.classList)return this.classList.remove(t),this;var e="";return this.className.split(" ").forEach(function(n){n!=t&&(e+=n+" ")}),this.className=e.replace(/[ \/t]+$/,""),this},NodeList.prototype.hasClass=function(t){this.forEach(function(e){e.hasClass(t)})},Element.prototype.hasClass=function(t){return this.classList?this.classList.contains(t):-1!=this.className.split(" ").indexOf(t)}}();
\ No newline at end of file
diff --git a/functions.php b/functions.php
index 0ea2cbb..a6f34d9 100755
--- a/functions.php
+++ b/functions.php
@@ -34,7 +34,7 @@ function add_to_context( $context ) {
 		$context['foo'] = 'bar';
 		$context['stuff'] = 'I am a value set in your functions.php file';
 		$context['notes'] = 'These values are available everytime you call Timber::get_context();';
-		$context['menu'] = new TimberMenu();
+		$context['menu'] = new TimberMenu('Main Menu');
 		$context['site'] = $this;
 		return $context;
 	}
diff --git a/src/js/nav.js b/src/js/landing.js
similarity index 100%
rename from src/js/nav.js
rename to src/js/landing.js
diff --git a/src/js/uconn.js b/src/js/uconn.js
index 3c9656b..e003240 100644
--- a/src/js/uconn.js
+++ b/src/js/uconn.js
@@ -117,7 +117,6 @@
 		});
 	}
 	Element.prototype.hasClass = function(_class) {
-		console.log('hi');
 		if(this.classList) {
 
 			return this.classList.contains(_class);
diff --git a/src/scss/base/_global.scss b/src/scss/base/_global.scss
index fa8b741..497adea 100755
--- a/src/scss/base/_global.scss
+++ b/src/scss/base/_global.scss
@@ -20,8 +20,11 @@
 @import 'elements/subpageLayout';
 @import 'elements/footer';
 
+@import 'pages/landing';
 @import 'pages/degrees';
 @import 'pages/concentrations';
+@import 'pages/our-work';
+@import 'pages/for-students';
 @import 'pages/about-us';
 @import 'pages/talk-to-us';
 @import 'pages/apply-now';
diff --git a/src/scss/base/elements/footer.scss b/src/scss/base/elements/footer.scss
index 6b7fb86..86ac4c9 100644
--- a/src/scss/base/elements/footer.scss
+++ b/src/scss/base/elements/footer.scss
@@ -48,6 +48,7 @@
 	border-radius:50%;
 	margin:0.5em;
 	position:relative;
+	border-color:white;
 
 	&#facebook {
 		background:url(../img/footer-icons/facebook.png) no-repeat center / cover;
@@ -75,6 +76,7 @@
 	color:black;
 	text-decoration:none;
 	background-color:white;
+	border-color:white;
 	padding:1em 1.5em;
 	position:relative;
 
@@ -90,6 +92,7 @@
 
 	&::after {
 		content:"";
+		background-color:white; 
 		position:absolute;
 		top:100%;
 		left:50%;
diff --git a/src/scss/base/pages/concentrations.scss b/src/scss/base/pages/concentrations.scss
index a2596fb..b8114d7 100644
--- a/src/scss/base/pages/concentrations.scss
+++ b/src/scss/base/pages/concentrations.scss
@@ -1,23 +1,15 @@
 
 .concentrationsContainer {
-	display:flex !important;
-	flex-flow:row wrap;
-	justify-content:center;
-	align-items:stretch;
-}
 
-.concentrationTiles {
-	display:flex;
-	flex-flow:row wrap;
-	justify-content: space-around;
 }
 
 .concentrationTile {
 	width:90vw;
 	height:50vw;
 	display:block;
-	margin:1em 0;
+	margin:1em 2.5vw;
 	text-decoration:none;
+	float:left;
 }
 
 $backgrounds: ('2dAnimation', '3dAnimation', 'businessStrategies', 'digitalHumanities', 'gameDesign', 'webDesign');
@@ -30,9 +22,6 @@ $backgrounds: ('2dAnimation', '3dAnimation', 'businessStrategies', 'digitalHuman
 .concentrationTile__inner {
 	width:100%;
 	height:100%;
-	display:flex;
-	align-items:center;
-	justify-content:center;
 	position:relative;
 	background-color:transparent;
 	transition:background-color 0.15s $animation-easing-function;
@@ -44,6 +33,10 @@ $backgrounds: ('2dAnimation', '3dAnimation', 'businessStrategies', 'digitalHuman
 }
 
 .concentrationTile__text {
+	position:absolute;
+	top:50%;
+	left:50%;
+	transform:translate(-50%,-50%);
 	width:60%;
 	text-align:center;
 	color:white;
diff --git a/src/scss/base/pages/degrees.scss b/src/scss/base/pages/degrees.scss
index 53a1dd8..f8e64b4 100644
--- a/src/scss/base/pages/degrees.scss
+++ b/src/scss/base/pages/degrees.scss
@@ -1,12 +1,12 @@
 .degreeCards {
-	display:flex;
-	flex-flow:column wrap;
-	align-items:center;
-	margin:1em 0;
+	margin:1em auto;
+	max-width:24em;
+	overflow-y:hidden;
 }
 
 .degreeCard {
 	display:block;
+	float:left;
 	width:100%;
 	max-width:24em;
 	margin:0 0 1em;
@@ -43,6 +43,10 @@
 	h4 {
 		font-weight:lighter;
 		margin:0.5em 0 0;
+
+		span {
+			padding:0 0.4em;
+		}
 	}
 }
 
@@ -74,12 +78,11 @@
 	margin:4em auto;
 	box-sizing:border-box;
 	padding:0.5em;
-	display:flex;
-	justify-content:space-between;
-	flex-flow:row wrap;
+	overflow-y:hidden;
 }
 
 .degreeBanner__btn {
+	float:left;
 	box-sizing:border-box;
 	text-align:center;
 	display:block;
diff --git a/src/scss/base/pages/for-students.scss b/src/scss/base/pages/for-students.scss
new file mode 100644
index 0000000..401965a
--- /dev/null
+++ b/src/scss/base/pages/for-students.scss
@@ -0,0 +1,89 @@
+
+
+.forStudentsTiles {
+	margin:2em 0;
+	overflow-y:hidden;
+}
+
+
+.forStudentsTile {
+	margin:0;
+	width:100%;
+	float:left;
+	padding:1em;
+	box-sizing:border-box;
+}
+
+.forStudentsTile__inner {
+	display:block;
+	width:100%;
+	max-width:30em;
+	margin:0 auto;
+	text-decoration:none;
+	position:relative;
+	overflow-y:hidden;
+
+	@include extendedBorder(before, -1em, $for-students-color, 2, 100%);
+
+	&:hover {
+		.forStudentsTile__image img {
+			transform:scale(1.2);
+		}
+
+		.forStudentsTile__caption {
+			background-color:rgba(0,0,0,0.5);
+
+			span {
+				background-color:$for-students-color;
+				color:white;
+			}
+		}
+	}
+
+}
+
+.forStudentsTile__image {
+	width:100%;
+	height:100%;
+	overflow:hidden;
+	img {
+		width:100%;
+		vertical-align:bottom;
+		transform:scale(1.0);
+		transition:transform 0.2s $animation-easing-function;
+	}
+}
+
+.forStudentsTile__caption {
+	width:100%;
+	height:100%;
+	position:absolute;
+	top:0;
+	left:0;
+	z-index:1;
+
+	background-color:transparent;
+	transition:background-color 0.2s $animation-easing-function;
+
+	span {
+		display:block;
+
+		position:absolute;
+		top:50%;
+		left:50%;
+		transform:translate(-50%,-50%);
+
+		color:$for-students-color;
+		font-weight:bold;
+		background-color:rgba(0,0,0,0.7);
+		font-size:1em;
+		text-align:center;
+
+		padding:1em 2em;
+
+		transition:color 0.2s $animation-easing-function, background-color 0.2s $animation-easing-function;
+	}
+}
+
+
+
diff --git a/src/scss/base/pages/landing.scss b/src/scss/base/pages/landing.scss
new file mode 100644
index 0000000..5c867e1
--- /dev/null
+++ b/src/scss/base/pages/landing.scss
@@ -0,0 +1,169 @@
+.videoWrapper {
+	background-color:black;
+	width:100%;
+}
+
+.videoWrapper__inner {
+	max-width:60em;
+	margin:0 auto;
+	position:relative;
+}
+
+.videoWrapper__coverImage {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	z-index:1;
+	background:url(../img/landing/video-cover.jpg) no-repeat center/cover;
+}
+
+.videoWrapper__playButton {
+	position:absolute;
+	top:50%;
+	left:50%;
+	height:3em;
+	width:3em;
+	transform:translate(-50%, -50%);
+	-webkit-appearence:none;
+	border:none;
+	border-radius:100%;
+	background-color:white;
+	outline:none;
+	box-shadow:0 0 1em black;
+
+
+	@include extendedBorder(before, 1em, white, 2, 100%, 100%, true, true)
+
+	&::after {
+		content:"";
+		width:0;
+		display:block;
+		margin:0 auto;
+		height:0;
+		border-left:0.5em solid black;
+		border-top:0.433em solid transparent;
+		border-bottom:0.433em solid transparent;
+	}
+}
+
+.videoWrapper__videoParent {
+  position: relative;
+  padding-bottom: 56.25%;
+  padding-top: 35px;
+  height: 0;
+  overflow: hidden;
+
+	iframe {
+		position: absolute;
+    top:0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+	}
+}
+
+
+.landingNav {
+	background-color:black;
+}
+
+.landingNav__inner {
+	width:100%;
+	max-width:$page-max-width;
+	margin:0 auto;
+	overflow:hidden;
+}
+
+.landingNav__element {
+	display:block;
+	float:left;
+	height:15em;
+	width:16.66666%;
+	color:white;
+	text-decoration:none;
+	transition: width 0.15s $animation-easing-function;
+	position:relative;
+
+	span {
+		position:absolute;
+		top:100%;
+		left:0%;
+		transform-origin:0% 0%;
+		transform:rotate(-90deg);
+		white-space:nowrap;
+		padding-left:0.25em;
+		z-index:2;
+		font-weight:bold;
+		font-size:1.5em;
+
+		transition:opacity 0.15s $animation-easing-function;
+	}
+}
+
+.landingNav__elementColorScreen {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	z-index:1;
+	transition:background-color 0.15s $animation-easing-function;
+}
+
+
+.landingNav__element--degrees {
+	background:url(../img/landing/landing-degrees.jpg) no-repeat center/cover;
+	&:hover .landingNav__elementColorScreen {
+		background-color:$degrees-color;
+	}
+	.landingNav__elementColorScreen {
+		background-color:transparentize($degrees-color, 0.4);
+	}
+}
+.landingNav__element--concentrations {
+	background:url(../img/landing/landing-concentrations.jpg) no-repeat center/cover;
+	&:hover .landingNav__elementColorScreen {
+		background-color:$concentrations-color;
+	}
+	.landingNav__elementColorScreen {
+		background-color:transparentize($concentrations-color, 0.4);
+	}
+}
+.landingNav__element--our-work {
+	background:url(../img/landing/landing-our-work.jpg) no-repeat center/cover;
+	&:hover .landingNav__elementColorScreen {
+		background-color:$our-work-color;
+	}
+	.landingNav__elementColorScreen {
+		background-color:transparentize($our-work-color, 0.4);
+	}
+}
+.landingNav__element--for-students {
+	background:url(../img/landing/landing-for-students.jpg) no-repeat center/cover;
+	&:hover .landingNav__elementColorScreen {
+		background-color:$for-students-color;
+	}
+	.landingNav__elementColorScreen {
+		background-color:transparentize($for-students-color, 0.4);
+	}
+}
+.landingNav__element--campuses {
+	background:url(../img/landing/landing-campuses.jpg) no-repeat center/cover;
+	&:hover .landingNav__elementColorScreen {
+		background-color:$campuses-color;
+	}
+	.landingNav__elementColorScreen {
+		background-color:transparentize($campuses-color, 0.4);
+	}
+}
+.landingNav__element--about-us {
+	background:url(../img/landing/landing-about-us.jpg) no-repeat center/cover;
+	&:hover .landingNav__elementColorScreen {
+		background-color:$about-us-color;
+	}
+	.landingNav__elementColorScreen {
+		background-color:transparentize($about-us-color, 0.4);
+	}
+}
diff --git a/src/scss/base/pages/our-work.scss b/src/scss/base/pages/our-work.scss
new file mode 100644
index 0000000..b0dce2f
--- /dev/null
+++ b/src/scss/base/pages/our-work.scss
@@ -0,0 +1,78 @@
+
+
+.ourWorkTiles {
+	margin:2em 0;
+	overflow-y:hidden;
+}
+
+
+.ourWorkTile {
+	margin:0;
+	width:100%;
+	float:left;
+	padding:1em;
+	box-sizing:border-box;
+}
+
+.ourWorkTile__inner {
+	width:100%;
+	max-width:20em;
+	text-decoration:none;
+
+	&:hover {
+		.ourWorkTile__image img {
+			transform:scale(1.2);
+		}
+
+		.ourWorkTile__caption--hover {
+			height:3em;
+		}
+	}
+}
+
+.ourWorkTile__image {
+	width:100%;
+	height:100%;
+	overflow:hidden;
+	img {
+		width:100%;
+		vertical-align:bottom;
+		transform:scale(1.0);
+		transition:transform 0.2s $animation-easing-function;
+	}
+}
+
+.ourWorkTile__caption {
+	width:100%;
+	height:3em;
+	position:relative;
+
+	span {
+		position:absolute;
+		bottom:0;
+		display: block;
+		width:100%;
+		text-align: center;
+		line-height:3em;
+		color:#7a7878;
+		font-size:0.9em;
+	}
+}
+
+.ourWorkTile__caption--hover {
+	position:absolute;
+	overflow:hidden;
+	background-color:$our-work-color;
+	bottom:0;
+	height:0.1em;
+	transition:height 0.2s $animation-easing-function;
+
+
+	span {
+		color:white;
+		font-weight:bold;
+	}
+}
+
+
+
diff --git a/src/scss/base/pages/talk-to-us.scss b/src/scss/base/pages/talk-to-us.scss
index 9617a88..0228e4e 100644
--- a/src/scss/base/pages/talk-to-us.scss
+++ b/src/scss/base/pages/talk-to-us.scss
@@ -4,12 +4,18 @@
 	justify-content:space-around;
 }
 
+.contactCard__outer {
+	width:100%;
+	float:left;
+}
+
 .contactCard {
 	width:100%;
 	max-width:14em;
-	flex-basis:14em;
-	margin:1.5em 0.5em;
-	float:left;
+	margin:1.5em auto;
+	text-decoration:none;
+	display:block;
+	color:black;
 }
 
 .contactCard--red hr {
@@ -30,17 +36,23 @@
 
 .contactCard__top {
 	width:100%;
-	margin:0 0 0.5em;
-	display:flex;
-	align-items:flex-end;
-	justify-content:flex-start;
-	flex-flow:row nowrap;
+	margin:0em;
+	position:relative;
+	min-height:100%;
 	img {
-		height:130px;
+		width:50%;
 		height:auto;
+		display:block;
 	}
 	figcaption {
+		display:block;
+		width:50%;
 		padding-left:0.5em;
+		position:absolute;
+		left:50%;
+		top:100%;
+		transform:translateY(-100%);
+
 	}
 	h3 {
 		margin:0;
@@ -74,3 +86,149 @@
 		font-size:0.6em;
 	}
 }
+
+#all {
+	position:fixed;
+	top:50%;
+	left:50%;
+	z-index:999;
+}
+
+.contactModal {
+	display:block;
+	position:fixed;
+	opacity:0;
+	z-index:-999;
+	top:50%;
+	left:50%;
+	transform:translate(-50%,-55%);
+	width:100vw;
+	max-width:50em;
+	height:100%;
+	max-height:50em;
+	box-sizing:border-box;
+	
+	padding:1em;
+	
+	transition:transform 0.15s $animation-easing-function, opacity 0.15s $animation-easing-function, z-index 0.0001s linear 0.15s;
+}
+
+.contactModal__inner {
+	width:100%;
+	height:100%;
+	box-shadow:0 0 1em transparentize($talk-to-us-color, 0.5);
+	background-color:white;
+}
+
+.contactModal:target {
+	opacity:1;
+	z-index:3;
+	transition:transform 0.15s $animation-easing-function, opacity 0.15s $animation-easing-function;
+	transform:translate(-50%, -50%);
+}
+
+.contactModal:target + .contactModal__cover {
+	opacity:1;
+	z-index:2;
+	transition:opacity 0.1s $animation-easing-function;
+}
+
+.contactModal__cover {
+	position:fixed;
+	top:0;
+	left:0;
+	right:0;
+	bottom:0;
+	z-index:-999;
+	opacity:0;
+	background-color:transparentize(white,0.05);
+	cursor:default;
+	transition:opacity 0.1s $animation-easing-function 0.15s, z-index 0.0001s linear 0.25s;
+}
+
+.contactModal--red .contactModal__header, {
+		background-color:#c41f40;
+}
+.contactModal--orange .contactModal__header {
+		background-color:#ef7d22;
+}
+.contactModal--yellow .contactModal__header {
+		background-color:#f2d43c;
+}
+.contactModal--green .contactModal__header {
+		background-color:#73b843;
+}
+.contactModal--blue .contactModal__header {
+		background-color:#1f83c0;
+}
+
+.contactModal--red .contactModal__footer a:hover,
+.contactModal--red .contactModal__bodyInfo a {
+		color:#c41f40;
+}
+.contactModal--orange .contactModal__footer a:hover,
+.contactModal--orange .contactModal__bodyInfo a {
+		color:#ef7d22;
+}
+.contactModal--yellow .contactModal__footer a:hover,
+.contactModal--yellow .contactModal__bodyInfo a {
+		color:#f2d43c;
+}
+.contactModal--green .contactModal__footer a:hover,
+.contactModal--green .contactModal__bodyInfo a {
+		color:#73b843;
+}
+.contactModal--blue .contactModal__footer a:hover,
+.contactModal--blue .contactModal__bodyInfo a {
+		color:#1f83c0;
+}
+
+
+
+.contactModal__header {
+	width:100%;
+	height:6em;
+	position:relative;
+	color:white;
+	
+	h1 {
+		margin:0;
+		padding:0.5em 0.5em 0;
+		line-height:1em;
+	}
+	h3 {
+		padding:0.5em 1em 1em;
+		margin:0;
+	}
+}
+
+.contactModal__body {
+	box-sizing:border-box;
+	width:100%;
+	height:calc(100% - 8em);
+	overflow-y:scroll;
+	-webkit-overflow-scrolling:touch;
+	padding:1em;
+}
+
+.contactModal__footer {
+	line-height:2em;
+	width:100%;
+	background-color:$talk-to-us-color;
+	a {
+		color:white;
+		text-decoration:none;
+		font-weight:bold;
+		padding-left:0.5em;
+	}
+}
+
+.contactModal__bodyInfo {
+	margin:0;
+	font-weight:bold;
+
+	a:hover {
+		color:$talk-to-us-color;
+	}
+}
+
diff --git a/src/scss/base/typography.scss b/src/scss/base/typography.scss
index 5c3f02f..1e08ed7 100644
--- a/src/scss/base/typography.scss
+++ b/src/scss/base/typography.scss
@@ -1,28 +1,5 @@
-@font-face {
-	font-family:'Gotham';
-	src:url(../fonts/Gotham-Book.otf);
-	font-weight:normal;
-	font-style:normal;
-}
-@font-face {
-	font-family:'Gotham';
-	src:url(../fonts/Gotham-BookItalic.otf);
-	font-weight:normal;
-	font-style:italic;
-}
-@font-face {
-	font-family:'Gotham';
-	src:url(../fonts/Gotham-Bold.otf);
-	font-weight:bold;
-	font-style:normal;
-}
-@font-face {
-	font-family:'Gotham';
-	src:url(../fonts/Gotham-BoldItalic.otf);
-	font-weight:bold;
-	font-style:italic;
-}
+@import 'https://fonts.googleapis.com/css?family=Prompt:300,300i,600,600i';
 
 html {
-	font-family:'Gotham';
+	font-family: 'Prompt', sans-serif;
 }
diff --git a/src/scss/screens/desktop.scss b/src/scss/screens/desktop.scss
index 3e2526f..a3950d6 100644
--- a/src/scss/screens/desktop.scss
+++ b/src/scss/screens/desktop.scss
@@ -5,3 +5,4 @@
 @import 'pages/concentrations-desktop';
 @import 'pages/about-us-desktop';
 @import 'pages/how-to-apply-desktop';
+@import 'pages/talk-to-us-desktop';
diff --git a/src/scss/screens/elements/nav-desktop.scss b/src/scss/screens/elements/nav-desktop.scss
index 5675dc9..99bd0a0 100644
--- a/src/scss/screens/elements/nav-desktop.scss
+++ b/src/scss/screens/elements/nav-desktop.scss
@@ -1,5 +1,5 @@
 .pageNav__link {
-	border-left:0.1em solid grey;
+	border-left:1px solid grey;
 
 	&:first-child {
 		border-left:none;
diff --git a/src/scss/screens/elements/nav-tabletLarge.scss b/src/scss/screens/elements/nav-tabletLarge.scss
index e2dfd52..17fa157 100644
--- a/src/scss/screens/elements/nav-tabletLarge.scss
+++ b/src/scss/screens/elements/nav-tabletLarge.scss
@@ -13,7 +13,7 @@
 }
 
 .pageNav__link {
-	width:(100% / 6);
+	width:16.6%;
 	float:left;
 	box-sizing:border-box;
 	margin:0.5em 0;
diff --git a/src/scss/screens/pages/concentrations-desktop.scss b/src/scss/screens/pages/concentrations-desktop.scss
index 7d85a03..26c533a 100644
--- a/src/scss/screens/pages/concentrations-desktop.scss
+++ b/src/scss/screens/pages/concentrations-desktop.scss
@@ -1,11 +1,13 @@
 
 .concentrationTiles {
 	width:60%;
+	float:left;
 }
 
 .concentrationTile {
 	width:45%;
 	height:15em;
+	margin:1em 1.25%;
 }
 
 .concentrationTile__inner.active {
@@ -20,4 +22,5 @@
 .concentrationInfoContainer {
 	display:block;
 	width:40%;
+	float:left;
 }
diff --git a/src/scss/screens/pages/concentrations-tablet.scss b/src/scss/screens/pages/concentrations-tablet.scss
index a29de83..4bca316 100644
--- a/src/scss/screens/pages/concentrations-tablet.scss
+++ b/src/scss/screens/pages/concentrations-tablet.scss
@@ -1,4 +1,5 @@
 .concentrationTile {
 	width:40vw;
 	height:25vw;
+	margin:1em 3.7vw;
 }
diff --git a/src/scss/screens/pages/degrees-tabletLarge.scss b/src/scss/screens/pages/degrees-tabletLarge.scss
index 9019aac..25d1a04 100644
--- a/src/scss/screens/pages/degrees-tabletLarge.scss
+++ b/src/scss/screens/pages/degrees-tabletLarge.scss
@@ -1,8 +1,15 @@
 .degreeCards {
-	flex-flow:row wrap;
-	justify-content:space-around;
+	max-width:100%;
+	margin:2em auto;
 }
 
 .degreeCard {
-	width:33%;
+	width:30%;
+	max-width:30%;
+	margin:0;
+
+	&:nth-child(2) {
+		margin:0 5%;
+	}
 }
+
diff --git a/src/scss/screens/pages/for-students-tablet.scss b/src/scss/screens/pages/for-students-tablet.scss
new file mode 100644
index 0000000..2460265
--- /dev/null
+++ b/src/scss/screens/pages/for-students-tablet.scss
@@ -0,0 +1,3 @@
+.forStudentsTile {
+	width:50%;
+}
diff --git a/src/scss/screens/pages/for-students-tabletLarge.scss b/src/scss/screens/pages/for-students-tabletLarge.scss
new file mode 100644
index 0000000..da4f8c9
--- /dev/null
+++ b/src/scss/screens/pages/for-students-tabletLarge.scss
@@ -0,0 +1,3 @@
+.forStudentsTile {
+	width:(100% / 3);
+}
diff --git a/src/scss/screens/pages/landing-tabletLarge.scss b/src/scss/screens/pages/landing-tabletLarge.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/scss/screens/pages/our-work-tablet.scss b/src/scss/screens/pages/our-work-tablet.scss
new file mode 100644
index 0000000..c81a71e
--- /dev/null
+++ b/src/scss/screens/pages/our-work-tablet.scss
@@ -0,0 +1,3 @@
+.ourWorkTile {
+	width:50%;
+}
diff --git a/src/scss/screens/pages/our-work-tabletLarge.scss b/src/scss/screens/pages/our-work-tabletLarge.scss
new file mode 100644
index 0000000..642c1ed
--- /dev/null
+++ b/src/scss/screens/pages/our-work-tabletLarge.scss
@@ -0,0 +1,3 @@
+.ourWorkTile {
+	width:(100% / 3);
+}
diff --git a/src/scss/screens/pages/talk-to-us-desktop.scss b/src/scss/screens/pages/talk-to-us-desktop.scss
new file mode 100644
index 0000000..01b0816
--- /dev/null
+++ b/src/scss/screens/pages/talk-to-us-desktop.scss
@@ -0,0 +1,3 @@
+.contactCard__outer {
+	width:25%;
+}
diff --git a/src/scss/screens/pages/talk-to-us-tablet.scss b/src/scss/screens/pages/talk-to-us-tablet.scss
new file mode 100644
index 0000000..a49b631
--- /dev/null
+++ b/src/scss/screens/pages/talk-to-us-tablet.scss
@@ -0,0 +1,3 @@
+.contactCard__outer {
+	width:50%;
+}
diff --git a/src/scss/screens/pages/talk-to-us-tabletLarge.scss b/src/scss/screens/pages/talk-to-us-tabletLarge.scss
new file mode 100644
index 0000000..597a582
--- /dev/null
+++ b/src/scss/screens/pages/talk-to-us-tabletLarge.scss
@@ -0,0 +1,3 @@
+.contactCard__outer {
+	width:33.33333%;
+}
diff --git a/src/scss/screens/tablet.scss b/src/scss/screens/tablet.scss
index 319b941..6e0842d 100644
--- a/src/scss/screens/tablet.scss
+++ b/src/scss/screens/tablet.scss
@@ -3,4 +3,7 @@
 
 
 @import 'pages/concentrations-tablet';
+@import 'pages/our-work-tablet';
+@import 'pages/for-students-tablet';
 @import 'pages/about-us-tablet';
+@import 'pages/talk-to-us-tablet';
diff --git a/src/scss/screens/tabletLarge.scss b/src/scss/screens/tabletLarge.scss
index 4923183..837835e 100644
--- a/src/scss/screens/tabletLarge.scss
+++ b/src/scss/screens/tabletLarge.scss
@@ -3,4 +3,7 @@
 @import 'elements/subpageLayout-tabletLarge';
 
 @import 'pages/degrees-tabletLarge';
+@import 'pages/our-work-tabletLarge';
+@import 'pages/for-students-tabletLarge';
 @import 'pages/how-to-apply-tabletLarge';
+@import 'pages/talk-to-us-tabletLarge';
diff --git a/templates/base.twig b/templates/base.twig
index 9ae35ab..b4fdeca 100755
--- a/templates/base.twig
+++ b/templates/base.twig
@@ -7,33 +7,55 @@
 {% endblock %}
 
   <body class="site {{body_class}}" data-template="base.twig">
-    <header class="site-header layout-section" >
-      {% block header %}
-        <div class="layout-position">
-          <h1 class="logo" role="banner">
-            <a class="logo-link" href="/" rel="home">{{site.name}}</a>
-          </h1>
-          <nav class="" role="navigation">
-            <ul class="nav">
-            {% for item in menu.get_items %}
-              <li class="navItem {{item.classes | join(' ')}}">
-                <a class="navItem-link" href="{{item.get_link}}">{{item.title}}</a>
-                {% if item.get_children %}
-                  <ul class="subNav">
-                  {% for child in item.get_children %}
-                    <li class="navItem">
-                      <a class="navItem-link" href="{{child.get_link}}">{{child.title}}</a>
-                    </li>
-                  {% endfor %}
-                  </ul>
-                {% endif %}
-              </li>
-            {% endfor %}
-            </ul>
+    {% block header %}
+      <header class="uc_banner">
+        <div class="uc_banner__inner">
+          <h1 class="uc_font--uconn uc_banner__logo">UCONN</h1>
+          <h3 class="uc_font--proxima-nova uc_banner__name">UNIVERSITY OF CONNECTICUT</h3>
+          <nav class="uc_banner__buttons">  
+            <div class="uc_banner__searchForm" role="form">
+              <input type="text" name="uc_banner__searchBar" id="uc_banner__searchBar" class="uc_banner__searchBar" placeholder="Search">
+              <div class="uc_banner__dropdownButton">
+                <span class="uc_banner__dropdownButtonTriangle"></span>
+                <div class="uc_banner__dropdownBody">
+                  <div class="uc_banner__dropdownElement">This Site</div>
+                  <div class="uc_banner__dropdownElement uc_banner__dropdownElement--selected">This College</div>
+                  <div class="uc_banner__dropdownElement">Uconn.edu</div>
+                </div>
+              </div>
+            </div>
+            <a href="#" class="uc_banner__button uc_banner__button--search"><span class="icon-search"></span></a>
+            <a href="#" class="uc_banner__button uc_banner__button--az"><span class="icon-a-z"></span></a>
           </nav>
         </div>
-      {% endblock %}
-    </header>
+      </header>
+      <header class="pageHeader">
+        <div class="u-container">
+          <div class="pageHeader__titles">
+            <h3 class="uc_title__levelTwo">SCHOOL OF FINE ARTS</h3>
+            <h1 class="uc_title__levelOne"><a href="index.php">DIGITAL MEDIA AND DESIGN</a></h1>
+          </div>
+          <div class="pageHeader__actionButtons">
+            <a href="apply-now.php" class="pageHeader__actionButton">APPLY</a>
+            <a href="talk-to-us.php" class="pageHeader__actionButton">CONTACT</a>
+          </div>
+        </div>
+      </header>
+      <nav class="pageNav">
+        <div class="u-container">
+          <input type="checkbox" id="pageNav__toggle" name="pageNav__toggle" class="pageNav__toggle">
+          <label for="pageNav__toggle" class="pageNav__toggleLabel">
+            <div class="pageNav__toggleLabelBar pageNav__toggleLabelBar--top"></div>
+            <div class="pageNav__toggleLabelBar pageNav__toggleLabelBar--middle"></div>
+            <div class="pageNav__toggleLabelBar pageNav__toggleLabelBar--bottom"></div>
+          </label>
+          <div class="pageNav__inner">
+        {% for item in menu.get_items %}
+            <a class="pageNav__link {{item.classes | join(' ')}} pageNav__link--{{item.slug}} {% if item.current %}active{% endif %}" href="{{item.get_link}}">{{item.title}}</a>
+        {% endfor %}
+        </div>
+      </nav>
+    {% endblock %}
 
     <section role="main" class="site-content layout-section">
       {% if title %}<h1>{{title}}</h1>{% endif %}