/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


body {
    background-color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Nav Bar */

#navBar{
    background:#ffffff;
    border-top:1px solid black;
}

.nav-arrows{
    color:#000000;
}

.nav-arrows:hover{
    color:#000000;
}

.nav-arrows:active,.nav-arrows:focus,.nav-arrows:visited{
    color:#000000;
}

.container-full {
      margin: 0 auto;
      width: 100%;
      min-height:100%;
      display: table;
}

.container-full-max {
      margin: 10% auto 0 auto;
      width:80%;
      max-width:830px;
      min-height:100%;
      display: table;
}

.v-center {
      display: table-cell;
      vertical-align: middle;
}

.row.no-gutter .row [class*="col"]{
    padding-top:15px;
    padding-bottom:15px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #000;
}

/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.mt {
    margin-top: 40px;
}

/* Bootstrap Modifications */
 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* WRAP SECTIONS */
.header {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.header h1 {
    font-size: 56px;
    font-weight: 700;
    color:#3F3F3F;
}


.to-bot{
    height: calc(100% - ((50vw * 0.1) + 50px + (120px * 1.1)));
}

@media(max-width:767px){
    .titlepagebox h1{
        color:#ffffff;
        font-size: 10vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.65);
    }
    .titlepagebox h2{
        color:#ffffff;
        font-size: 8.6vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.65);
    }
/*    .bigtype{
        font-size:15vmin;
    }*/
    .medtype{
        font-size:5vmin;
    }
    .container-full-max {
      margin: 10% auto 0 auto;
    }
    .v-center {
      display: table-cell;
      vertical-align: top;
    }
    .to-bot{
    height: auto;
    }
}
@media(min-width:768px){
    .titlepagebox h1{
        color:#ffffff;
        font-size: 7vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.45);
    }
    .titlepagebox h2{
        color:#ffffff;
        font-size: 6vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.65);
    }
/*    .bigtype{
        font-size:120px;
    }*/
    .medtype{
        font-size:40px;
    }
    .container-full-max {
      margin: 10% auto 0 auto;
    }
    .v-center {
      display: table-cell;
      vertical-align: top;
    }
    .to-bot{
    height: auto;
    }
}
@media(min-width:992px){
    .titlepagebox h1{
        color:#ffffff;
        font-size: 6vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.25);
    }
    .titlepagebox h2{
        color:#ffffff;
        font-size: 5.2vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.65);
    }
/*    .bigtype{
        font-size:87px;
    }*/
    .medtype{
        font-size:30px;
    }
    .container-full-max {
      margin: 0 auto;
    }
    .v-center {
          display: table-cell;
          vertical-align: middle;
    }
    .to-bot{
    height: calc(100% - ((50vw * 0.1) + 50px + (87px * 1.1)));
    }
}
@media(min-width:1200px){
    .nowrap{
    white-space: nowrap;
    }
    .titlepagebox h1{
        color:#ffffff;
        font-size: 5vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.1);
    }
    .titlepagebox h2{
        color:#ffffff;
        font-size: 4.3vmin;
        text-shadow: 0 0 20px rgba(0,0,0,0.65);
    }
/*    .bigtype{
        font-size:100px;
    }*/
    .medtype{
        font-size:35px;
    }
    .to-bot{
    height: calc(100% - ((50vw * 0.1) + 50px + (100px * 1.1)));
    }
}
@media(min-width:1350px){
/*    .bigtype{
        font-size:120px;
    }*/
    .medtype{
        font-size:40px;
    }
    .to-bot{
    height: calc(100% - ((50vw * 0.1) + 50px + (120px * 1.1)));
    }
}