63 lines
1.2 KiB
SCSS
63 lines
1.2 KiB
SCSS
// About 01
|
|
.about-area{
|
|
// left content
|
|
.about-caption{
|
|
padding-left: 50px;
|
|
@media #{$laptop}{
|
|
padding-left: 50px;
|
|
}
|
|
@media #{$lg}{
|
|
padding-left: 0px;
|
|
}
|
|
@media #{$md}{
|
|
padding-top: 50px;
|
|
padding-left: 0px;
|
|
}
|
|
@media #{$sm}{
|
|
padding-top: 50px;
|
|
padding-left: 0px;
|
|
}
|
|
@media #{$xs}{
|
|
padding-top: 40px;
|
|
padding-left: 0px;
|
|
}
|
|
.pera-top {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: #212025;
|
|
}
|
|
.pera-bottom {
|
|
font-size: 16px;
|
|
color: #212025;
|
|
font-weight: 300;
|
|
}
|
|
}
|
|
// Right img
|
|
.about-img{
|
|
img{
|
|
width: 100%;
|
|
}
|
|
}
|
|
// About Shape
|
|
.about-shape{
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 160px;
|
|
@media #{$lg}{
|
|
right: 48px;
|
|
}
|
|
@media #{$md}{
|
|
right: 63px;
|
|
}
|
|
@media #{$sm}{
|
|
right: 82px;
|
|
bottom: 61px;
|
|
}
|
|
@media #{$xs}{
|
|
right: 27px;
|
|
bottom: 27px;
|
|
}
|
|
|
|
}
|
|
}
|