@import "node_modules/bootstrap/less/bootstrap";
@import "node_modules/bootstrap/less/theme";
@import "node_modules/ionicons-pre/less/ionicons";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
@import (inline) "node_modules/animate.css/animate.css";
@import (inline) "node_modules/normalize.css/normalize.css";

/* @group Mixins */
.transition(@value) {
    -webkit-transition: @value;
    -moz-transition: @value;
    -o-transition: @value;
    -ms-transition: @value;
    transition: @value;
}

.box-shadow(@value) {
  -webkit-box-shadow: @value;
  -moz-box-shadow: @value;
  box-shadow: @value;
}
/* @end Mixins */


/* @group Global */
.btn {
  .transition(~"ease-in-out .2s background-color");
}

html, body{
  font-family: 'Roboto', sans-serif;
}

p {

}

ol , ul{
  font-size: inherit;
  & > li {
    font-size: inherit
  }
}

/* @end Global */

/* @group Homepage */
.index {
  #header {
    height: 100vh;
    background: url(../img/header-bg.png);
    background-size: cover;
    background-position: fixed;
    .jumbotron {
      margin-top: 5vh; 
      text-align: center; 
      background-color: transparent; 
      color: white; 
      padding-bottom: 0; 
      margin-bottom: 0;
      h1 {
        margin-bottom: 15px;
      }
    }
  }
  #intro-text {
    background-color: #232323;
    .container {
      text-align: center; 
      margin-top: 35px; 
      margin-bottom: 35px; 
      color: white; 
      font-size: 17px;
    }
  }
  #project-images {
    background: url(http://catesmechanical.com/images/blueprint-background1.jpg);
    background-position: fixed;
    .container {
      text-align: center; 
      margin-top: 35px; 
      margin-bottom: 35px;
      .panel-body {
        font-size: 16px;
      }
    }
  }
}
/* @end Homepage*/