/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.project-container {
  background: #fff; }
  .project-container .project_small {
    background: #031e2f;
    border-radius: 5px;
    position: relative;
    width: 100%;
    height: 100%; }
    .project-container .project_small img {
      bottom: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      height: 200px;
      position: relative;
      overflow: hidden;
      border-radius: 0 0 5px 5px; }
    .project-container .project_small em {
      font-size: 14px;
      color: #00afca;
      display: block;
      font-style: normal;
      font-weight: 500;
      line-height: 1;
      margin-bottom: 15px; }
    .project-container .project_small h5 {
      font-size: 24px;
      color: #fff;
      font-weight: 700;
      margin-bottom: 30px;
      line-height: 1.4; }
    .project-container .project_small span {
      font-size: 16px;
      color: #818e97;
      font-weight: 400; }
  .project-container .projectsmall_wrap {
    padding-bottom: 20px;
    padding: 25px 30px 20px 30px;
    height: 250px; }