.avatar { width: 200px; height: 200px; min-width:200px; max-width: 250px; min-height:200px; max-height: 250px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .projet { min-width:400px; max-width:400px; min-height:300px; max-height:300px; } .projet img { height:100%; width:100%; } .bordered { border: 5px solid rgba(255,255,255,0.5); } .projectImage { width:100%; min-width:800px; max-width:1000px; max-height:400px; } .list-item .list-link { display: block; position: relative; margin: 0 auto; } .list-item { right: 0; margin:0 auto; width: 40%; height:40%; } .list-item .list-link .caption { position: absolute; width: 100%; height: 100%; opacity: 0; background: rgba(24,188,156,.9); -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .list-item .list-link .caption .caption-content { position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; font-size: 10px; color: #fff; } .list-item .list-link .caption .caption-content h3 { font-size: 15px; color: #fff; } .list-item .list-link a:active a:visited; { border-style:none; } .membre{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:200px; min-width:200px; max-width:250px; } .list-item .list-link .caption:hover { opacity: 1; } .boxContent { padding:0 25%; } .left { float:left; } .right { float:right; } @media(min-width:767px) { .list-item { margin: 0 0 30px; } } */