diff --git a/front/style/cowebsite/_short-screens.scss b/front/style/cowebsite/_short-screens.scss
index 89a5d123..f75c3d66 100644
--- a/front/style/cowebsite/_short-screens.scss
+++ b/front/style/cowebsite/_short-screens.scss
@@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@media screen and (orientation:portrait) {
   #main-container {
     display: flex;
     flex-direction: column-reverse;
diff --git a/front/style/cowebsite/_wide-screens.scss b/front/style/cowebsite/_wide-screens.scss
index 432a4dec..25aa756d 100644
--- a/front/style/cowebsite/_wide-screens.scss
+++ b/front/style/cowebsite/_wide-screens.scss
@@ -1,4 +1,4 @@
-@include media-breakpoint-down(lg) {
+@media screen and (orientation:landscape) {
   #cowebsite {
     right: 0;
     top: 0;