/*high level font swap/force*/
* {font-family: 'Montserrat', arial, sans-serif; color: #000;}
body {max-width: 1200px; margin: 0 auto; background: #FFF;}
::selection {
  background: #1ea935;
  color: #FFF;
}
::-moz-selection {
  background: #1ea935;
  color: #FFF;
}

a {color: #000;}
a:hover {color: #1ea935;}

/* remove default padding for flush alginment */
.row {padding: 0;}
.columns {padding: 0;}


/* menu */
#main_menu {list-style: none; margin-top: 10px; margin-bottom: 0; display: none;}
#cart_menu {list-style: none; margin-top: 10px; margin-bottom: 0;}
#menu_open img {max-width: 30px;}
#menu_close {display: none;}
#menu_close img {max-width: 30px;}
.menu_item {font-size: 10pt;}
.do_more {
  display: none; text-align: center; max-height: 100px; position: absolute; top: 80px; left: 0; right: 0; 
  padding: 10px; background: #FFF;
}
.do_more a {font-size: 14pt;}


/* adjust project boxes*/
.project {
  /*background: #1ea935;*/
  padding: 20px;
}
.projectBox {
  max-width: 960px;
  margin: 0 auto;
}
.projectsBkg {
  background: #999999;
}
a.projectThumb img{
  opacity: 1;
  transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
}
a.projectThumb img:hover{
  opacity: .25;
}

/* font only changes */
.title {
  text-transform: uppercase; 
  font-size: 1.75rem;
}
.title a{
  color: #000;
}
.title a:hover {
  color: #1ea935;
}

.title2 {
  text-transform: uppercase; 
  font-size: 1rem;
}
.title2 a{
  color: #000;
}
.title2 a:hover {
  color: #1ea935;
}

.fullsize {max-width: none !important; width: 100% !important;}



.category {
  display: inline-block;
  padding: 10px;
  margin: 3px 1px;
  background: #E8E8E8;
  font-size: 10pt;
  line-height: 10pt;
  color: #333;
}




















/* swap in header image */


.fade-image{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}
@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}