You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.9 KiB
SCSS
95 lines
1.9 KiB
SCSS
2 years ago
|
.company-image-section{
|
||
|
|
background: url('/images/company/company-left.png');
|
||
|
|
background-size:cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-section{
|
||
|
|
background: #070707;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.company-big-title-section{
|
||
|
|
max-width: 390px;
|
||
|
|
width: 390px;
|
||
|
|
}
|
||
|
|
.company-big-title{
|
||
|
|
color:#C29C58 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-column{
|
||
|
|
margin:0px 40px;
|
||
|
|
}
|
||
|
|
.company-item{
|
||
|
|
width: 250px;
|
||
|
|
padding-bottom:40px;
|
||
|
|
.company-title{
|
||
|
|
margin-top:10px;
|
||
|
|
font-weight: 300;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 140%;
|
||
|
|
color:white;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/************ BreakPoints ************/
|
||
|
|
// Small devices (landscape phones, 576px and up)
|
||
|
|
@media (max-width: 576px) {
|
||
|
|
}
|
||
|
|
|
||
|
|
// Medium devices (tablets, 768px and up)
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
}
|
||
|
|
|
||
|
|
// Large devices (desktops, 992px and up)
|
||
|
|
@media (max-width: 992px) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// X-Large devices (large desktops, 1200px and up)
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
.company-section{
|
||
|
|
background: url('/images/company/company-left.png');
|
||
|
|
background-size:cover;
|
||
|
|
|
||
|
|
&::after{
|
||
|
|
content:'';
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: rgba(0, 0, 0, 0.7);
|
||
|
|
z-index: -1;
|
||
|
|
position: absolute;
|
||
|
|
top:0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-column{
|
||
|
|
margin:0px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.company-item{
|
||
|
|
width: auto;
|
||
|
|
padding-top:20px;
|
||
|
|
padding-bottom: 0px;
|
||
|
|
.company-title{
|
||
|
|
margin-top:0px;
|
||
|
|
padding:10px 20px;
|
||
|
|
background: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:first-child{
|
||
|
|
margin-right:10px;
|
||
|
|
}
|
||
|
|
&:last-child{
|
||
|
|
margin-left:10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// XX-Large devices (larger desktops, 1400px and up)
|
||
|
|
@media (max-width: 1400px) {
|
||
|
|
.company-big-title-section{
|
||
|
|
max-width: auto;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|