@import url("https://fonts.googleapis.com/css?family=Heebo:400,700");
/******* VARIABLES *******/
/*** Color ***/
/*** Fonts ***/
.welcome div {
  display: inline-block;
  margin-right: 7px; }

.uc-alert{
  background: #FFDAD6;
  border: #BA1A1A 1px solid;
  border-radius: 4px;
  padding: 18px;
  margin: 0px 64px;
  width:1000px;
  height:auto;
}  

.uc-title{
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #BA1A1A;
  font-weight: 400;
  margin: 0;
  border-bottom: none;
  text-align: left;
}
.uc-copy {
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #7D2B25;
  font-weight: 400;
 }
  .uc-copy a {
     color: #ba1a1a;
     text-decoration: underline; }

.card {
  width: 96%;
  height: 185px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
  margin: -40px 2% auto 2%;
  display: inline-block;
  transition: all ease .4s; }
  .card .work-tag {
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    padding: 18px 0px 14px;
    margin: 0px 32px 0px 32px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    color: #FA5A13; }
  .card .work-title {
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 20px;
    padding: 20px 32px 10px;
    line-height: 22px;
    transition: color .3s ease; }
  .card .work-copy {
    font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
    color: #666;
    font-size: 13px;
    padding: 10px 32px;
    line-height: 18px; }

a.box {
  text-decoration: none; }
  a.box:hover .card {
    margin-top: -50px;
    box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.05); }

  /*
    .box:nth-child(1){ 
      .work-tag{color: $print-tag;}
    }

    .box:nth-child(2){ 
      .work-tag{color: $branding-tag;}
    }

    .box:nth-child(3){ 
      .work-tag{color: $ui-tag;}
    }
  */
.work-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-column-gap: 64px;
  grid-row-gap: 64px; }

.work-grid-container {
  margin-top: 64px;
  padding-left: 64px;
  padding-right: 64px;
  margin-bottom: 120px; }

.about-copy {
  font-family: "Heebo", Open Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  width: 60%; }
  .about-copy span {
    font-weight: 700;
    color: #FA5A13; }

.about-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-column-gap: 64px;
  grid-row-gap: 64px; }
  .about-grid img {
    width: 100%; }
  .about-grid div {
    display: flex;
    justify-content: center;
    align-items: center; }

.about-grid-container {
  margin-top: 64px;
  padding-left: 0px;
  padding-right: 64px;
  margin-bottom: 24px;
  max-width: 800px; }

.box {
  width: 100%; }

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