/* ---- SITE-480.css ----
   Mobile Landscape to Tablet Portrait including devices and browsers (minimum 480px wide).
*/

.inner { width:460px; }

#logo-full {
    height:350px;
}

#logo{
    height:350px;
    background:url(/degreeshow/13/wordpress/wp-content/themes/dac13X/img/logo-mid.png) no-repeat center;
}

.students > .item > a.student{
    height:210px;
    width:210px;
    display:inline-block;
}

.students > .item > a.student > .top-level{
    width:210px;
    height:210px;
    overflow:hidden;

    position:relative;
}

.students > .item > a.student > .top-level > .project-thumb{
    background-size:cover;
    width:200px;
    height:200px;
    margin:5px;
    position:relative;
    top:0;
    transition:all 1s ease 0s;
    -moz-transition:  all 1s ease 0s; /* Firefox 4 */
    -webkit-transition: all 1s ease 0s; /* Safari and Chrome */
    -o-transition:all 1s ease 0s;
}
.students > .item > a.student > .top-level > .profile-pic{
    width:158px;
    height:163px;
    margin:0 auto;
    position:absolute;
    top:210px;
    left:25px;
    transition:all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.4s ease 0s; /* Safari and Chrome */
    -o-transition:all 0.4s ease 0s;
}
.students > .item > a.student > .top-level:hover > .profile-pic{
    top:0;
}

.students > .item > a.student > .top-level > .student-info{
    height:47px;
    width:100%;
    transition:all 0.5s ease 0s;
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
    -o-transition:all 0.5s ease 0s;
    position:absolute;
    bottom:-210px;
    text-align:center;
    color:#fff;
}

.students > .item > a.student > .top-level:hover > .student-info{
    bottom:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.students > .item > a.student > .top-level > .student-info h2{
    font-size:11px;
    text-transform:uppercase;
    line-height:12px;
}
.students > .item > a.student > .top-level > .student-info h3{
    font-size:11px;
    margin-top:6px;
}

.list-col {
        text-align:center;
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
}