@media only screen and (max-device-width:700px) {

#col{
position:relative;
float:left;
width: 100%;
margin: 10px;
padding: 10px;
border-width:1px;
border-style:solid;
border-color:gray;
}

#picto{
padding:5px;
}
}



@media only screen and (min-device-width:700px) {

#col{
position:relative;
float:left;
width: 30%;
margin: 10px;
padding: 10px;
border-width:1px;
border-style:solid;
border-color:gray;
}

#picto{
padding:5px;
}
}