|
|
|
@ -157,11 +157,34 @@ article.feature.bloc {
|
|
|
|
|
@media (max-width:767px) { |
|
|
|
|
/* content */ |
|
|
|
|
#main { |
|
|
|
|
.texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */ |
|
|
|
|
-moz-column-count: 1; |
|
|
|
|
-webkit-column-count: 1; |
|
|
|
|
column-count: 1; |
|
|
|
|
.texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */ |
|
|
|
|
-moz-column-count: 1; |
|
|
|
|
-webkit-column-count: 1; |
|
|
|
|
column-count: 1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
article.feature.bloc { |
|
|
|
|
width: calc(50% - 1.5em); |
|
|
|
|
margin:0 2em 2em 0; |
|
|
|
|
.icon { |
|
|
|
|
&:after { |
|
|
|
|
height: 5em; |
|
|
|
|
width: 5em; |
|
|
|
|
margin: -2.5em 0 0 -2.5em; |
|
|
|
|
} |
|
|
|
|
&:before { |
|
|
|
|
font-size: 1.75rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.content { |
|
|
|
|
margin: -5em 0 0 5em; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media (max-width:640px) { |
|
|
|
|
article.feature.bloc { |
|
|
|
|
width:100%; |
|
|
|
|
margin-right:0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media (max-width:480px) { |
|
|
|
|