* {
  /* box-sizing: border-box; */
  font-family: 'Century Gothic', sans-serif;
}

body {
  margin: 0 auto;
  overflow-x: hidden;
  /* scroll-snap-points-y: repeat(100vh); */
  background-color: #FFFFFF;
  /* scroll-snap-type: y mandatory; */

}

::-moz-selection {
  background: #017AC4;
  text-shadow: none;
}

::selection {
  background: #017AC4;
  text-shadow: none;
}


/* LAA Logo Intro Page */

#project-home-intro .content img {
  position: relative;
  top: 65px;
  left: 50%;
  height: auto;
  width: 80px;
  transform: translate(-50%, -50%);
}



#projects-home-menu {
  height: 0;
}



#projects-home-menu .navhome {
  width: 100vw;
  list-style-type: none;
  /* overflow: auto; */
  position: relative;
  top: 47px;

  /* margin-bottom: 40px; */
  text-align: center;
  padding: 0;
}

#projects-home-menu .navhome li {
  display: inline;
  text-align: center;
}

#projects-home-menu .navhome li a {
  display: inline-block;
  width: 32.5%;
  text-decoration: none;
  font-size: 30pt;
  color: #007AC4;
  letter-spacing: 1pt;
  font-weight: 500;
}

/* #projects-home-menu li a:hover:not(.active) {
  color: #404040;
} */

#projects-home-menu li a:hover {
  color: #222222;
  text-decoration: underline;
}


 .videobox {
   display: block;
   height: calc(100vh - 75px);

   background-attachment: fixed;
   background-position: center;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;
 }

 .videobox video {

 }

 #videoid {
   display: inline-block;
   position: absolute;
   top: 220px;
   /* transform: translateY(-50%); */
   /* width: 100vh; */
   width: 100vw;
   max-height: 65vh;
   margin: 0px;
   z-index: -1;
 }

 /* .videobox img {
   display: block;
   width: 100vw;
   width: auto;
   z-index: 2;
 } */

 @import "compass/css3";

 .flex-container {
   padding: 0;
   margin: 0;
   list-style: none;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: stretch;

   -webkit-flex-flow: row wrap;
   justify-content: space-around;
 }

 .flex-item {
   width: 32.5vw;
 }


.project_button {
  text-align: center;
  text-decoration: none;
  font-size: 30pt;
  letter-spacing: 1pt;
  font-weight: 500;
  margin-left: 0;
  margin-right: 0;

  margin-top: 0px;
  margin-bottom: 20px;
}

.project_button:hover {

}

.project_category {
  display: inline-block;

  font-size: 22pt;

  line-height: 1.8;
  font-weight: 300;
  color: #424242;
  text-align: left;
  text-indent: 0px;
  padding: 15px;
}

.project_category a {
  text-decoration: none;
  color: #007AC4;

}

.project_category a:hover {
  color: #222222;
  text-decoration: underline;
}

span.bold {
  font-weight: 500;
  font-size: 22pt;
  color: #424242;

}

/* .project_category:hover {
  background-color: #007AC4;
  color: #FFF;
}

.project_category:hover .project_button {
  color: #FFF;
}

.project_category:hover .bold {
  color: #FFF;
} */


#guts {
  height: 0;
}



@media only screen and (max-width: 1320px) {
  .project_category {
    line-height: 1.4;
  }
  .bold {
    font-size: 20pt;
  }
}

@media only screen and (max-height: 1280px) {

  .project_category {
  }
  .bold {
    font-size: 21pt;
  }
}


@media only screen and (max-height: 1080px) {

  .bold {
    font-size: 17pt;
  }

}

/* @media only screen and (max-width: 820px) {
  .project_column {
    display: block;
    height: auto;
  }
} */

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

  #projects-home-menu .navhome {
    width: 100vw;
    list-style-type: none;
    /* overflow: auto; */
    position: relative;
    top: 47px;
  }
  .project_category {
    font-size: 16pt;
    width: 100vw;
    line-height: 1.6;
    border-bottom: 1px solid #757575;
    padding: 25px;
  }
  .flex-item {
    width: 100vw;
  }
  .bold {
    font-size: 19pt;
  }
  .par {
    font-size: 4vw;
  }

  .content {
    height: 75px;
  }


  #videoid {
   /* top: 50vh; */
   /* transform: translateY(-50%); */
  }

  #projects-home-menu .navhome {
    width: 100vw;
    list-style-type: none;
    /* overflow: auto; */
    position: relative;
    top: 47px;
  }

  #project-home-intro .content img {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 55px;
    transform: translate(-50%, -50%);
  }


  #projects-home-menu .navhome li a {
    width: 30%;
    font-size: 16pt;
    font-weight: 500;
    letter-spacing: .5pt;
  }

}

@media only screen and (max-width: 440px) {
  .project_category {
    font-size: 14pt;
    line-height: 1.2;
  }
  .bold {
    font-size: 17pt;
  }

  #video {
    display: inline-block;
    position: absolute;
    height: 90vh;
    min-width: 100vw;
    margin: 0px;
    z-index: -1;
  }

}