|
@@ -1,6 +1,18 @@
|
|
|
-@media screen and (max-width: 980px) {
|
|
|
+@media screen and (max-width: 960px) {
|
|
|
+ header{
|
|
|
+ .logo{
|
|
|
+ & > div{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
#start{
|
|
|
.section{
|
|
|
+ .section-content{
|
|
|
+ .content{
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+ }
|
|
|
&:not(:nth-last-child(1)){
|
|
|
margin-bottom: 100px;
|
|
|
}
|
|
@@ -27,9 +39,14 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ footer{
|
|
|
+ section{
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-@media screen and (max-width: 900px) {
|
|
|
+@media screen and (max-width: 700px) {
|
|
|
Header{
|
|
|
.title{
|
|
|
height: 110px;
|
|
@@ -45,6 +62,9 @@
|
|
|
}
|
|
|
.logo{
|
|
|
flex-direction: column-reverse;
|
|
|
+ & > div{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
.why_lsdo {
|
|
|
display: none;
|
|
|
}
|
|
@@ -62,6 +82,15 @@
|
|
|
}
|
|
|
#start{
|
|
|
.section{
|
|
|
+ .sous-section{
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ .blocks{
|
|
|
+ width: 90%;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
&:not(#home){
|
|
|
& > .sous-section{
|
|
|
.no-gal{
|
|
@@ -77,6 +106,25 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ #contact{
|
|
|
+ .blocks{
|
|
|
+ &:nth-of-type(1){
|
|
|
+ align-items: center;
|
|
|
+ p{
|
|
|
+ text-align: center!important;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ &:nth-of-type(2){
|
|
|
+ align-items: center;
|
|
|
+ .content{
|
|
|
+ p{
|
|
|
+ text-align: center!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
footer{
|
|
|
section{
|
|
@@ -102,6 +150,22 @@
|
|
|
|
|
|
|
|
|
#start{
|
|
|
+ margin: 0;
|
|
|
+ .section{
|
|
|
+ .sous-section{
|
|
|
+ & > section{
|
|
|
+ margin: 0 !important;
|
|
|
+ padding: 0;
|
|
|
+ .title{
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ h3{
|
|
|
+ white-space: nowrap!important;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.section:not(#home) {
|
|
|
& > .sous-section{
|
|
|
.no-gal:not(#clients):nth-of-type(n+3) {
|
|
@@ -165,6 +229,7 @@
|
|
|
}
|
|
|
#clients{
|
|
|
.images{
|
|
|
+ justify-content: center;
|
|
|
img{
|
|
|
margin:10px 10px;
|
|
|
min-width: 70%;
|
|
@@ -179,10 +244,6 @@
|
|
|
}
|
|
|
.content{
|
|
|
width: 250px!important;
|
|
|
- img{
|
|
|
- bottom: 20px!important;
|
|
|
- top: auto!important;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -199,6 +260,7 @@
|
|
|
}
|
|
|
}
|
|
|
footer{
|
|
|
+ margin: 0;
|
|
|
& > section{
|
|
|
&:last-child{
|
|
|
p:last-child {
|