/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */
 html {
  /*background: url(banner_tech.jpg) no-repeat center center fixed;*/
  background-color:  #ffffff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: auto;
  background-attachment: scroll;
  font-family: 'Roboto', sans-serif;

 }


body{
 background-color: transparent;
 font-size: 16px
 }

 /*.vertical-center {
  min-height: 100%;
  min-height: 100vh;

  display: flex;
  align-items: center;
  }*/

 .jumbotron{
   width: 100%;
   background: rgba(230, 230, 230, 0.0);
   margin-top: 8%;
   margin-bottom: 10%;
   color: #0d0d0d;
   padding-top: 6%;
   padding-bottom:6%;
   font-weight: normal;
   text-align: center;
   font-family: 'Poiret One', cursive;
 }
.jumbotron.head-text {
  color: white;
}

 .img{
  opacity: 1.0;
  left: 20%;
 }

  p{
  text-align: justify;
  color: black;
  font-size: 1vmin;
  font-size: 1.2vmax;
  line-height: 120%;


  }



  h4{
  text-align: justify;
  color: black;

  }

  h2{
  text-align: justify;
  color: #262626;
  font-style:normal;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2vmin;
  font-size: 1.4vmax;
  }

   h1{
   font-family: 'Poiret One', cursive;
   font-size:180%;
    }

  .page-header{
  text-align: center;
  font-size: 50px;
  border-bottom: 2px solid;
  border-color: #cce6ff;
  color: white;

  }

  .content{
    position: absolute;
    /*top:100%;*/
    left: 0;
    width: 100%;
    background: white;
    color: black;
    font-family: 'Roboto', sans-serif;
  }

  .inner{
    width:80%;
    display:block;
    overflow:auto;
    margin: 0 auto;
    /*padding-top: 5%;*/
    padding-bottom: 5%;
    line-height: 130%;
    position: static;
    background-color: rgb(248, 248, 248);
  }

  .portfolio{
    width:80%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 45px;
    line-height: 130%;
    position: static;
    display:block;
    overflow:auto;
  }
  .portfolio1{
    width:80%;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 45px;
    line-height: 130%;
    position: static;
    background-color: rgb(248, 248, 248);
    display:block;
    overflow:auto;
  }

  .port{
    text-align: center;
  }

  .credits{
    width:80%;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 45px;
    line-height: 130%;
    position: static;
    display:block;
    overflow:auto;
  }

  .cred{
    text-align: center;
  }

    .contact{
      width:80%;
      margin: 0 auto;
      padding-top: 45px;
      padding-bottom: 45px;
      line-height: 130%;
      position: static;
      background-color: rgb(248, 248, 248);
      display:block;
      overflow:auto;
    }

    .cont{
      text-align: center;
    }

  .title-text {
    margin-top: 45px;
  }

  .title-piece {
    padding-bottom: 55px;
    border-bottom: 1px solid #dad9d9;
    display: inline-block;
  }

  .link-section {
    width: 100%;
    padding: 15px;
    margin: 10px 0 40px 0;
    display: inline-block;
  }

  .showreel {
    padding-top: 20px;
    padding-bottom: 150px;
  }

  .link:hover {
    background-color: #eee;
    opacity: 0.6;
    cursor: pointer;
  }

  .secondary-title {
    font-size: 22px;
  }

  .secondary-headers {
    font-size: 28px !important;
  }

  .divider {
    margin-top: 80px;
    height: 0;
    border-bottom: 2px solid #e9e9e9;
  }

  th {
    font-weight: bold;
    text-align: center;
  }

  th.year {
    text-align: left;
  }

  .navbar {
      /*-webkit-box-shadow: 0 16px 8px -8px #737373;
      -moz-box-shadow: 0 16px 8px -8px  #737373;
      box-shadow: 0 16px 8px -8px  #737373;*/

      /* the rest of your styling */
  }

  .navbar-default{
    font-family: 'Poiret One', cursive;
  }

  .navbar-brand{
    color: white;
    font-family: 'Poiret One', cursive;
    font-size: 18px;

  }

  .selectedcredits {
    padding: 0;
  }

  .pvid{
    text-align: center;

    line-height: 120%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .purw{
      padding-bottom: 5%;
      background-color: white;
    }