/* CHANGE HIGLIGHT COLOUR */
.subject span, .title span, .caption, .sem-first, .sem, i, .launch, .launch:hover, .brief strong, .brief-text strong  {color: #3DC1CC;}
.year, .prev-student, .next-student {  background-color: #3DC1CC;}
.student-info a:hover {border-bottom: 1px solid #3DC1CC;}
/* CHANGE HIGLIGHT COLOUR */


/* Resets and general type styles */
* {margin: 0; padding: 0;}
body {font-family: 'Montserrat-Regular', 'sans-serif'; font-weight: normal; font-size: 62.5%;}
a, p, h1, h2, h3, h4 {font-family: 'Montserrat-Regular', 'sans-serif';
font-weight: 400; font-weight: normal;}
a {font-size: 1.4em; line-height: 1.35em; text-decoration: none; color: #FFF;}
h2, h3 {font-size: 13px; line-height: 1.5em; }
/* Resets and general type styles */


@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: local('?'), url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: local('?'), url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h4 {font-weight: 500;}
h4 span {font-weight: 400;}

.back-arrow {
position:fixed;
top:0;
left: 0;
color: #fff;
font-size: 30px;
}

#main {
	width: 100%;
	margin: auto;
}

#main-wrap {
	padding: 0px 0;
	width: 100%;
	background-color: #fff;
}

.student-info {
	width: 250px;
	height: 60%;
	position: fixed;
	left: 80px;
	top: 43px;
	border-top: 1px solid #525252;
}

.projects { 
	position: fixed;
	top:43px;
	left: 350px;
	width: 260px;	
}

#project-content {
	margin: 0 0px 0 655px;
	clear: both;
	width: 670px;
}

#project1 {
	padding: 43px 0 0 0;
}

#project2, #project3, #project4, #project5, #project6, #project7, #project8, #project9, #project10, #project11, #project12, #project13, #project14  {
padding: 43px 0 0 0;
}

.project-info {
	margin: 0 35px 0 35px;
}









div {overflow:hidden;}

.subject, .title {
font-family: Courier;
color: #000;
text-transform: uppercase;
letter-spacing: .075em;
}

.projects h2 a {
color: #000;
font-family: Courier;
}

.projects a:hover {
color: #666;

}

.statement {
margin: 25px 0;
font-size: 13px;
padding: 0 23px 0 0;
font-family:Courier;
font-style: italic;
line-height: 1.3em;
}

.student-info h4 a {font-size: 13px; color: #000;}




.title-large {
text-align: center;
padding: 15px 0 15px 0;
border-top:1px solid #525252;

}

.brief, .copy {
font-family: Courier;
color: #000;

    line-height: 1.3em;
}



.copy span {
margin: 0 6px 0 0;
}

.brief span {
margin: 0 30px 0 0;
}

.portrait, .nameandgroup {
float: left;
}

.student-info h1 {
line-height: 1.1em;
margin: 4px 0 0 0;
}

.clear {
clear:both;
}

/* Student info / project titles */


.projects a {
font-size: 13px;
}


.statement {
margin: 25px 0;
font-size: 13px;
padding: 0 23px 0 0;
font-family:Courier;
font-style: italic;
line-height: 1.3em;
}

.portrait {margin: 5px 0 10px 0px;
width: 70px;
height: 90px;
z-index: 300;}

.portrait img {border-radius:50%; }



.year h3 {
  font-size: 1.5em;
  font-weight: 300;
}




.year {
  left: 0;
  -webkit-transform-origin: 0 100%;
     -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
       -o-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotate(-90deg) translate(-100%, 100%);
     -moz-transform: rotate(-90deg) translate(-50%, 50%);
      -ms-transform: rotate(-90deg) translate(-50%, 50%);
       -o-transform: rotate(-90deg) translate(-50%, 50%);
          transform: rotate(-90deg) translate(-100%, 100%);
}

    
.year:hover {color: #fff;}




.prev-student {
  position: fixed;
  top: 250px;
  text-align: left;
  padding: 7px 9px 9px 6px;
  z-index: 10;
  font-size: 25px;
}

.next-student {
  position: fixed;
  top: 537px;
  
  text-align: left;
  padding: 7px 7px 9px 8px;
  font-size: 25px;
  z-index: 10;

}

.year {
  position: fixed;
  top: 266px;
  bottom: 0;
  height: 40px;
  text-align: left;
  padding: 8px 24px 2px 24px;
}


h4 {font-size: 1em;}
h4 {font-size: 13px;}
h2  {font-size: 10px;}



/* Student info / project titles */




.subject span, .title span, .brief span, .copy span {

margin: 0 8px 0 0;
text-transform: capitalize;
}

.brief strong, .brief-text strong {
font-family: 'Montserrat', 'sans-serif';
font-weight: normal;

float: left;
font-size: 14px;
 line-height: 1.3em;
}



.brief p, .brief-text p {
font-family:Courier;
 padding: 0 0 0 80px;
 font-size: 14px;
 line-height: 1.3em;

}

.brief p {
 margin: 0px 0 10px 0;
}

.project-text {
padding: 15px 0 17px 3px;
border-top:1px dotted #000;
margin: 20px 0;
clear: right;
}

.project-link a {
margin: 0 0 0 10px;
    height: 30px;
    width: 200px;
  
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
        position: relative;
}


.project-link a:hover {


   left: 5px !important;
    padding-left: -5px !important;
}



.module-title {
margin: 8px 0 0 10px;
text-transform: uppercase;
font-size: 12px;
font-family: 'Montserrat-Medium';
}

.project-text .brief ul {
  font-size: 14px;
  list-style-type: lower-roman !important;
  line-height: 1.3em;
}

/* Project / Student info section */

.project-images {

  width: 100%;
}

.project-images img {
clear: both;
max-width:100%;
}








/* COLOUR */



.launch {font-size:13px; margin:10px 0 0 0px; display:block;}
.launch:hover {text-decoration: underline;}


i {; margin: 0 10px 0 0;} /* Colour of phone, inbox, globe icons */




.sem {
margin: 18px 0 0px 0;
font-family:Courier;
letter-spacing: .1em;
border-top:1px solid #525252;
text-transform: uppercase;
font-size: 12px;
}

.sem-first {
margin: 0px 0 0px 0;
font-family:Courier;
letter-spacing: .1em;
}


.caption {
margin: auto;
text-align: center;
font-size: 11px;
letter-spacing: .125em;
text-transform: uppercase;
margin: 5px 0 20px 0;
font-family:Courier;
}









/* MEDIA QUERIES */


@media screen and (max-width: 1360px) {

    .projects { 
      top:250px;
      left: 80px;
      width: 260px; 
    }

    #project-content {
      margin: 0 0 0 380px;
      width:670px;
    }

    .student-info {
      width: 260px;
      left: 80px;
    }

}



/* MEDIA QUERIES */