figure{
    display:block;
    margin: 3%;
}

html, body {
    width: 100%;
    height: 100%;
}

#page{
    width:100%;
    margin:0 auto;
    position:relative;
}


/* clearfix hack to clear the floats */
.clear:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


article{
    width:100%;
}

.articleCont{
    width:90%;
    margin:30px auto 30px auto;
}

.articleCont p{
    width:90%;
    margin:20px auto;
    font-family: "Open Sans";
    font-size: 16px;
    color:#303030;
    text-align:center;
}

.articleCont h2{
    width:90%;
    margin:20px auto;
    font-family: "Open Sans";
    font-size: 24px;
    color:#303030;
    text-align: center;
}

#models{
    background-color:#fff;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom:20px;
}

.modelsContainer{
    width:1100px;
    margin:0 auto;
}


.item{
    width:29%;
    padding-top:25%;
    float: left;
    margin-right:0;
    margin-bottom:0;
    box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    transition:all 0.1;
    -moz-transition:all 0.1s;
    -webkit-transition:all 0.1s;
    opacity:0.7;
}

.item last{
    margin-right:0;
}

.item:hover{
    opacity:1;

    transition:all 0.1;
    -moz-transition:all 0.1s;
    -webkit-transition:all 0.1s;
}

.white:hover{
    opacity:1;
    transition:all 0.1;
    -moz-transition:all 0.1s;
    -webkit-transition:all 0.1s;
}


#model1{
    background-image:url(../img/models/ssesmall.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
}

#model2{
    background-image:url(../img/models/sse.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
}

#model3{
    background-image:url(../img/models/humss.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
}