/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
 font-family: 'DINPro';
 src: url('../fonts/DINPro/DINPro-Black.otf'); /* IE9 Compat Modes */
 src: url('../fonts/DINPro/DINPro-Bold.otf'); /* IE9 Compat Modes */
 src: url('../fonts/DINPro/DINPro-Light.otf'); /* IE9 Compat Modes */
 src: url('../fonts/DINPro/DINPro-Medium.otf'); /* IE9 Compat Modes */
 src: url('../fonts/DINPro/DINPro-Regular.otf'); /* IE9 Compat Modes */

}


body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

h1{
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 28px;
    color:#3a79a8;
    font-weight: 600;
    margin-bottom: 0px;
    font-family: 'DINPro-Bold';
}

h2{
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 20px;
    color:#333333;
    margin-bottom: 25px;
    font-family: 'DINPro-Bold';
}

h3{
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    margin-top: 15px;
    font-family: 'DINPro-Regular';
    line-height: 24px;
}

h4{
    font-size: 20px;
    line-height: 34px;
    vertical-align:middle;
    font-family: 'DINPro-Light';
}

span{
    font-family: 'DINPro-Light'
}

h5{
    text-align: center;
    color:#3a79a8;
    font-size:16px;
    font-family: 'DINPro-Medium';
}

h6 {
    text-align: left;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size:16px;
    font-family: 'DINPro-Bold';
}



p{
    font-size: 16px;
    color:#999999;
    line-height: 30px;
    padding:0px 25px 25px 25px;
    text-align: center;
    font-family: 'DINPro-Light';

}

a {
    font-family: 'DINPro-Medium';
}

.smallheader{
    visibility: hidden;
}


.main{
    width:100%;
}

.navlink {
    text-transform: uppercase;
    font-weight: 200;
    color:#111111;
    letter-spacing: .08em;
}

.navbar-inverse .navbar-nav li a {
    color:#555555;
}

.navbar-inverse .navbar-nav li a:hover {
    opacity:.6;
    color:#555555;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.navbar-inverse .navbar-nav li a:active {
    color:#3a79a8;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.navbar-fixed-top .nav {
    padding: 25px 0;
}

.navbar-inverse .navbar-toggle {
  border-color:#fff;
  background-color:#fff;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;

}
.navbar-inverse .navbar-toggle:hover {
  background-color: #fff;
}

.navbar-inverse .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #3a79a8;
}

.navbar-fixed-top .navbar-brand a{
    padding: 0px 0px 0px 0px;
}

.btn {
    padding: 10px 25px;
    border: 0 none;
    font-size:10px;
    font-weight: 500;
    letter-spacing: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary.raised {
    background:#3a79a8;
}

.btn-primary.raised:hover{
    background:#36729f;
}

.btn-primary.raised:active, .btn-primary.raised.active {
    background: #3498DB;
    box-shadow: none;
}

.btn.sharp {
  border-radius: 0;
}

.btn.large{
    padding:15px 40px;
}

.brand-img {
    max-width: 45%;
}

.navbar-brand{
    padding:0px 15px 0px 0px ;
}

.navbar-fixed-top .navbar-brand {
}


.navbar-header {
    height:100px;
}


.navbar-fixed-top .nav .navbar-right {
    padding-top: 30px;
}

.copyright{
    background-color:#3a79a8;
}
.footer{
    min-height:250px;
    max-width:900px;
    margin:0 auto 0 auto;
    padding-bottom: 10px;
    background-color: #3a79a8;
}

.footerstyle{
    color:#fff;
    text-align: left;
    list-style: none;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: .1em;
}

footer {
    background-color:#3a79a8;
    padding: 80px 0 10px 0px;
}
#macbook{
  margin-top: 100px;
}

#wrap{
    width:600px;
}

.tagline{
    position:relative;
    top:50%;
    transform: translateY(-50%);
}

.macdiv{
    height:700px
}

.revolution{
    postion:relative;
    top:42%;
    transform: translateY(-50%);
}

.educational{
    height:400px;
}

.collabtext{
    postion:relative;
    top:42%;
    transform: translateY(-50%);
}

.collaboration{
    height:400px;
}

.row{
    margin:0px;
}

.description{
    height:400px;
    padding-top: 100px;
}

.classpic{
    padding:0px 0px 80px 0px;
}

.descriptionclass{
    height:400px;
    padding-top: 180px;
}




.process{
}

@media screen and (max-width:991px)
{
     .macdiv{
        height:100px;
    }
   



}

@media screen and (max-width: 767px)
{
    .divider{
        visibility: hidden;
    }
    .smallheader{
        visibility:visible; 
        margin-top: 11px;
        font-family:'DINPro-Bold';
        text-transform: uppercase;
        font-size: 20px;
        letter-spacing: .1em;
        color:#3a79a8;
    }
    .smallheader{
        list-style: none;
    }
    #macbook{
        margin-top: 60px;
    }
    body{
        padding-top:50px;
    }
    .navbar{
        margin-bottom: 0px;
    }
    .navbar-header{
        height:50px;
    }
    .brand-img {
        max-width:100%;
        margin-top: 5px;
        height:40px;
    }
    .tagline{
        margin-top: 20px;
        text-align: center;
    }
    .macdiv{
        height:100px;
    }
    .aboutheader{
    }
     .description{
        height:200px;
        padding-top: 30px;
        margin-bottom:140px;
        padding-left:0px;
        padding-right: 0px;
    }
    .descriptionclass{
        height:200px;
        padding-top:30px;
        margin-bottom:140px;
        padding-left:0px;
        padding-right: 0px;
    }
    .classpic{
    padding:0px;
}


}

@media(min-width:768px) {
    body {
        padding-top: 108px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
       
    }

}

@media(min-width:640px) {
    
}