@import (once) "default.less";
@import (once) "common.less";


@media (max-width:960px){
}

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


/* .work ///////////////////////*/
.work{
padding:20px 0 0 0;

.icon{
.dib;
.vam;
margin:0 0 0 -10px;
}
h2{
.dib;
.vam;
img{height:40px; }
}

article{
width:820px;
.center;
}
em{
.bold;
font-size:12pt;
}

dl{
.dt;
padding:0 0 40px 0;
border-left:1px  @black solid;
}
dd{
.dtc;
width:33.3%;
border-right:1px  @black solid;

.wrap{
padding:0 20px;
.tac;
}
img{
height:40px;
}
h3{
padding:10px;
}
.text{
.tal;
}
}
.image{
padding:0 0 40px 0;
}
}


@media (max-width:960px){
.work{
article{
width:95%;
}
em{
.db;
padding:20px 0 0 0;
}
dl{
border:0px;
}
dd{
.db;
width:100%;
border:0px;
border-bottom:1px  @black solid;
.wrap{
padding:20px 0;
.tal;
}
}
.image{
padding:20px 0 0 0;
}
.image img{
max-width:100%;
}
}
}

@media (max-width:720px){
.work{
.icon{
height:80px;
margin:0;
}
h2 img{
height:30px;
}
}
}


@media (max-width:560px){
.work{

header{
width:300px;
}
article{
width:300px;
}
.icon{
height:60px;
margin:0 5px 0 -10px;
}
h2 img{
height:25px;
}
em{
.bold;
font-size:10pt;
}
.wrap{
img{
height:30px;
}
}

}
}