/* ---- SITE-768.css ----
   Tablet Portrait size to standard size including devices and browsers (minimum 768px wide).
*/

.large-text { font-size:16px; line-height:24px; }
.larger-text { font-size:21px; line-height:32px; }

.formatted > h1 { font-size:33px; line-height:43px; }
.formatted > h2, .formatted > h1.small-heading { font-size:24px; line-height:28px; }
.formatted > h3, .formatted > h2.small-heading { font-size:19px; line-height:26px; }

.inner { width:748px; }

#logo-full {
    height:650px;
    width:100%;
    background-color:#000;
    z-index:1;
    position:fixed;
}

#logo{
    height:650px;
    background:url("../img/logo-large.png") no-repeat center;
}

#dots{
    position:relative;
    top:640px;
    z-index:2;
}

#body-full{
    position:relative;
    top:630px;
    z-index:2;
}

.students > .item > a.student{
    margin:18px;
}

.list-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}

#footer-images{background-attachment: fixed;}

/* -- Student page -- */

#portfolio > .nav-bar {
    position:fixed;
    width:50px;
    height:100px;
    background-color:#000;
    z-index:2;
}

#portfolio > .nav-bar > .home-btn{
    float:none;
    margin-right:0;
    margin-top:5px;
    margin-bottom:5px;
}
#portfolio > .nav-bar > .back-btn{
    float:none;
    margin-left:0;
}
#portfolio > .nav-bar > a.home-btn{
    height:45px;
    width:37px;
    display:inline-block;
    background:url("../img/home-btn.png") no-repeat center;
    text-indent:-99999px;
}
#portfolio > .nav-bar > a.back-btn{
    height:45px;
    width:50px;
    display:inline-block;
    background:url("../img/back-btn.png") no-repeat center;
    background-color:#252525;
    text-indent:-99999px;
}

#portfolio > .banner-area {
    width:100%;
    height:515px;
    z-index:1;
    position:fixed;
}
#portfolio > .banner-area > .banner-image {

    background-size:cover;
    height:515px;
    width:100%;
}

#portfolio > .banner-area > .banner-image > .inner > .profile-image {
    width:241px;
    height:250px;
    margin:0 auto;
    background-size:auto;
    padding-top:30px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-name h1 {
    text-transform:uppercase;
    letter-spacing:3px;
    color:#bababa;
    display:block;
    font-size:40px;
    line-height:45px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-bio p {
    font-size:18px;
    line-height:20px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-links {
    margin:0 auto;
    margin-top:24px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-links > a {
    font-size:16px;
    height:28px;
}

#portfolio > .student-dots{
    background:url("../img/dot.png") repeat left;
    height:20px;
    position:relative;
    top:499px;
    z-index:3;
}

#portfolio > .portfolio-area-full {
    background-color:#fff;
    z-index:2;
    position:relative;
    top:490px;
}

.text-wrap{
    font-size:14px;
    line-height:22px;
}

.phone-clear {
    display:none;
}