195 lines
2.4 KiB
SCSS
195 lines
2.4 KiB
SCSS
/**
|
|
responsive land custom
|
|
*/
|
|
|
|
|
|
@media all and (min-width: 1440px) {
|
|
|
|
section {
|
|
min-height: 130vh;
|
|
height: 130vh;
|
|
}
|
|
#cover {
|
|
#main_title {
|
|
max-width: 1200px;
|
|
min-height: 35vh;
|
|
}
|
|
|
|
.button {
|
|
top: 10vh;
|
|
}
|
|
}
|
|
#popover, #portfolio {
|
|
height: 130vh;
|
|
}
|
|
#transactional_webdesign {
|
|
.sub-title {
|
|
font-size: 4.8rem;
|
|
}
|
|
}
|
|
|
|
#content-3 {
|
|
margin-top: -33vh;
|
|
}
|
|
#content-5 {
|
|
margin-bottom: 10vh;
|
|
}
|
|
.flip-container {
|
|
.container-text {
|
|
left: 500px;
|
|
}
|
|
|
|
+ .flip-container {
|
|
margin-top: -10vh;
|
|
}
|
|
}
|
|
.slider-screen {
|
|
.phone-container {
|
|
top: 10vh;
|
|
}
|
|
}
|
|
|
|
#transactionnal_webdesign {
|
|
padding-top: 0;
|
|
|
|
.description {
|
|
padding-top: 5rem;
|
|
}
|
|
}
|
|
|
|
#carry .bubbles {
|
|
margin-top: -50vh;
|
|
}
|
|
#china {
|
|
.block-items {
|
|
.block-item {
|
|
&:nth-of-type(1) {
|
|
background: url("/assets/img/block_pillar_1.png") no-repeat 0 20%;
|
|
}
|
|
|
|
//&:nth-of-type(2) {
|
|
// background: url("/assets/img/block_pillar_2.png") no-repeat 0 20%;
|
|
//}
|
|
//&:nth-of-type(3) {
|
|
// background: url("/assets/img/block_pillar_3.png") no-repeat 0 20%;
|
|
//}
|
|
//&:nth-of-type(4) {
|
|
// background: url("/assets/img/block_pillar_4.png") no-repeat 0 20%;
|
|
//}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
#we_develop {
|
|
height: 200vh;
|
|
|
|
.circle {
|
|
&.circle-right {
|
|
right: 25vw;
|
|
}
|
|
|
|
&.circle-left {
|
|
left: 25vw;
|
|
}
|
|
}
|
|
|
|
}
|
|
#full_creative, #our_team {
|
|
min-height: 175vh;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@media all and (min-width: 1900px) {
|
|
|
|
|
|
.flip-container .container-text {
|
|
left: 600px;
|
|
}
|
|
|
|
|
|
#we_develop {
|
|
height: 200vh;
|
|
}
|
|
|
|
#main_title_container h2 {
|
|
margin-top: 0;
|
|
}
|
|
#china .columns {
|
|
margin-top: -6vh;
|
|
}
|
|
|
|
#our_team {
|
|
min-height: 200vh;
|
|
}
|
|
#china_achievements {
|
|
margin-top: 0;
|
|
padding: 1rem 172px 0;
|
|
|
|
.counter-block .text-description {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
#full_creative {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
|
|
#main_title {
|
|
width: 1200px;
|
|
top: -10rem;
|
|
}
|
|
#hand {
|
|
|
|
background-size: cover;
|
|
height: 1010px;
|
|
width: 100vw;
|
|
z-index: 0;
|
|
}
|
|
#carry {
|
|
min-height: 220vh;
|
|
|
|
.computer-block {
|
|
background-size: contain;
|
|
position: relative;
|
|
height: 100vh;
|
|
left: 0;
|
|
top: -68rem;
|
|
}
|
|
}
|
|
|
|
#open {
|
|
top: 900px;
|
|
}
|
|
|
|
#unlock {
|
|
left: 13vw;
|
|
height: 420px;
|
|
}
|
|
|
|
#unlock_white {
|
|
margin-top: -80px;
|
|
height: 420px;
|
|
margin-left: 13vw;
|
|
width: auto;
|
|
}
|
|
|
|
#china {
|
|
height: 150vh
|
|
}
|
|
|
|
#our_team {
|
|
background: white;
|
|
padding-top: 17rem;
|
|
}
|
|
|
|
#china_achievements {
|
|
margin-top: 25rem;
|
|
}
|
|
|
|
}
|
|
|