@font-face{
  font-family: 'Baskerville';
  src: url('../fonts/Baskerville.ttf');
}

@font-face{
  font-family: 'Bodoni';
  src: url('../fonts/Bodoni.ttf');
}

@font-face{
  font-family: 'Dolce';
  src: url('../fonts/DolceVitaLight.ttf');
}

body{
  font-family: 'Assistant';
  font-style: 'light';
  padding-top: 20px;
}

h1{
  font-family: "Baskerville";
}

ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 14pt;
}

h2, h3, h4{
  font-family: "Baskerville";
}

p {
  font-size: 14pt;
}

.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}

.icon-bar {
  background-color: #45B757;
}

.orange{
  color: #FBAE42;
}

.light-blue{
  color: #4EBDE5;
}

#item2, .title{
  font-family: "Bodoni";
}

#logo{
  max-height: 70px;
  display: inline-block;
  margin-left: 30px;
  margin-top: 10px;
}

.navbar{
  margin-bottom: 0;
  border-radius: 0;
  border-width: 0;
  background-color: #ffffff;
  z-index:999;
  height: 90px;
}

.navbar .nav {
    display:inline-block;
    float: right;
    margin-top: 20px;
}

.nav>li{
  margin-right:30px;
  font-size: 20px;
  background-color: #ffffff;
}

#contact-button{
  color: #fff;
  border-radius: 15px;
  background-color: #45B757;
}

#contact-button:hover {
  color: #fff;
  background-color: #3b9b49;
}

#bigpic{
    background-image: url('../pic/group.jpg');
    height: 0;
    padding-top: 60%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.centered-text{
  text-align: center;
}

.section{
  margin:0;
  width:100%;
}

#section1{
  background-color: #25678F;
  margin-top:60px;
  color: #FFFFFF;
}

#section2{
  background-color: #25678F;
  color: #ddd !important;
  padding-top:10%;
  padding-bottom:10%;
  font-family:"Baskerville";
}

#section3{
  color: #ddd !important;
  padding-top:10%;
  padding-bottom:10%;
  min-height: 800px;
    background-image: url('../pic/pair.jpg');
    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#section5{
  color: #ddd !important;
  padding-top:10%;
  padding-bottom:10%;
    background-image: url('../pic/perth.jpg');
    /* Set a specific height */
    min-height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#section6{
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../pic/office.jpg') no-repeat left center;
  background-size: cover;
  color: #ddd !important;
  padding-top:10%;
  padding-bottom:10%;
    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#section7{
  background-color: #101010;
  color: #d0d0d0 !important;
  padding-top:1%;
}

.text-box-white{
  background-color: rgba(0,0,0,.75);
  border-radius: 5px;
  color: #DDDDDD;
  padding:20px;
  max-height: inherit;
}

.text-box-white>h1{
  font-family: "Dolce";
  font-size: 90px;
}

.profile{
  max-height:200px;
  margin-left:auto;
  margin-right:auto;
  display: block;
}

.big-profile{
  max-height: 500px;
  margin-left:auto;
  margin-right:auto;
  display: block;  
}

.big-link:hover > div > .big-profile {
  opacity: 0.8;
}

.big-link:hover{
  color: #FBAE42;
}

.big-icon{
  font-size: 100px;
  display: inline-block;
}

.glyphicon {
    font-size: 80px;
}

@media (min-width:768px) {
  .area-list{
    background-image: url(../pic/bracket.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
  }
}

#section-areas > div > .row {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (max-width: 1300px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
  }
}