@font-face {
	font-family: 'Circular-Bold';
	src: url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-bold.eot'),
	     url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-bold.woff') format('woff'),
	     url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-bold.ttf')  format('truetype'),
	     url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-bold.svg') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Circular-Book';
	src: url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-book.eot'),
	     url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-book.woff') format('woff'),
	     url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-book.ttf')  format('truetype'),
	     url('http://www.chris--baker.com/fonts/circular/lineto-circular-pro-book.svg') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'NB-International-Bold';
  src: url('http://www.chris--baker.com/fonts/nb/nb_international_bold_webfont.eot'),
    url('http://www.chris--baker.com/fonts/nb/nb_international_bold_webfont.woff') format('woff'),

       url('http://www.chris--baker.com/fonts/nb/nb_international_bold_webfont.ttf')  format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'NB-International-Regular';
  src: url('http://www.chris--baker.com/fonts/nb/nb_international_regular_webfont.eot'),
url('http://www.chris--baker.com/fonts/nb/nb_international_regular_webfont.woff') format('woff'),      
       url('http://www.chris--baker.com/fonts/nb/nb_international_regular_webfont.ttf')  format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

a {
  color: #000000;
}
a:hover {
  color: #a7a7a7;
  text-decoration:none;
}
#home a:hover {
  color: #a7a7a7;
  text-decoration:none;
}
#project-nav-left a {
  color: #000000;

}
#project-nav-left a:hover {
  color: #a7a7a7;
  text-decoration:none;
}
#project-nav-right a {
  color: #000000;
}
#project-nav-right a:hover {
  color: #a7a7a7;
  text-decoration:none;
}
p{  
  font-family: 'NB-International-Regular', sans-serif;
  font-size: 25px;
}
h1{
   font-family: 'NB-International-Regular', sans-serif;
  font-size: 50px;
}
h3{
   font-family: 'NB-International-Regular', sans-serif;
  font-size: 30px;
}
sup{
  font-size: 10px;
}
.box{
  font-family: 'NB-International-Regular', sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #000000;
  text-align: center;
  padding: 10px;
}
.link{
  font-size: 20px;
}
.link2{
  font-size: 20px;
}
.no-gutters {
  margin-right: 20px;
  margin-left: 20px;
}
 [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
#heading-left{
  text-align: left;
  padding-left: 2vw;
  font-size: 20px;
}
#heading-right{
  text-align: right;
  padding-right: 2vw;
  font-size: 20px;
}
#project-nav-left{
  text-align: left;
  padding-left: 0px;
  font-size: 20px;
    margin-bottom: -10px;

}
#project-nav-right{
  text-align: right;
  padding-right: 0px;
  font-size: 20px;
    margin-bottom: -10px;

}

#project-text-left{
  text-align: left;
  padding-left: 0px;
}
#project-text-right{
  text-align: left;
  padding-left: 0px;
}
img {
    max-width: 100%;
    max-height: 100%;
}
#top-image {
    padding: 0px;
}
#image-box{
  padding: 0px;
}

/* Small devices (landscape phones, 576px and up)
 */
@media (min-width: 100px) {
  
#home {
  font-size: 20px;
    line-height: 18px;

  color: #000000;
  margin-bottom: -2px;
      white-space: nowrap;

}

  #project-text-right{
  text-align: left;
  padding-left: 0px;
  margin-top: -120px;
}
  p{  
  font-family: 'NB-International-Regular', sans-serif;
  font-size: 20px;
}
h1{
   font-family: 'NB-International-Bold', sans-serif;
  font-size: 40px;
}
h3{
   font-family: 'NB-International-Bold', sans-serif;
  font-size: 20px;
}
.project-title sup{
  font-size: 20px;
}
}




/* Small devices (landscape phones, 576px and up)
 */
@media (min-width: 576px) {
  
#home {
  font-size: 35px;
    line-height: 32px;

  color: #000000;
  margin-bottom: -2px;
      white-space: nowrap;

}

  #project-text-right{
  text-align: left;
  padding-left: 0px;
  margin-top: -120px;
}
  p{  
  font-family: 'NB-International-Regular', sans-serif;
  font-size: 20px;
}
h1{
   font-family: 'NB-International-Bold', sans-serif;
  font-size: 40px;
}
h3{
   font-family: 'NB-International-Bold', sans-serif;
  font-size: 20px;
}
.project-title sup{
  font-size: 20px;
}
}

/* // Medium devices (tablets, 768px and up)
 */
@media (min-width: 768px) { 
  #home {
  font-size: 45px;
    line-height: 40px;

  color: #000000;
  margin-bottom: -10px;
      white-space: nowrap;

}

  
  #project-text-right{
  text-align: left;
  padding-left: 0px;
  margin-top: -120px;
}
}

/* // Large devices (desktops, 992px and up)
 */@media (min-width: 992px) {   
     #home {
  font-size: 50px;
  line-height: 48px;
  color: #000000;
  margin-bottom: -10px;
      white-space: nowrap;

}

   
   #project-text-right{
  text-align: left;
  padding-left: 0px;
  margin-top: 10px;
} }

/* // Extra large devices (large desktops, 1200px and up)
 */@media (min-width: 1200px) {
   
p{  
  font-family: 'NB-International-Regular', sans-serif;
  font-size: 25px;
}
h1{
   font-family: 'NB-International-Bold', sans-serif;
  font-size: 50px;
}
h3{
   font-family: 'NB-International-Bold', sans-serif;
  font-size: 30px;
}
.project-title sup{
  font-size: 30px;
}
     #project-text-right{
  text-align: left;
  padding-left: 0px;
  margin-top: 10px;
}
#home {
  font-size: 50px;
    line-height: 48px;
  color: #000000;
  margin-bottom: -10px;
    white-space: nowrap;
}


}
}