120 lines
1.7 KiB
CSS
120 lines
1.7 KiB
CSS
.navigation {
|
|
background-color: #282e36;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#contact-submit:hover {
|
|
border-color: #2c9091;
|
|
background-color: #559BE4;
|
|
}
|
|
|
|
/* this should probably be #215CD2 */
|
|
.btn-main:hover {
|
|
background: #559BE4;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.price-item {
|
|
background-color: #0d0e0f;
|
|
}
|
|
|
|
/* .counters-item {
|
|
background-color: #0d0e0f;
|
|
} */
|
|
|
|
.service-block {
|
|
background-color: #0d0e0f;
|
|
box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 #559be4cc;
|
|
|
|
}
|
|
|
|
.service-block:hover {
|
|
background-color: #0d0e0f;
|
|
box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 #0099ffcc;
|
|
}
|
|
|
|
|
|
|
|
.skill-bar .progress .progress-bar {
|
|
background: #215CD2;
|
|
}
|
|
|
|
.member-photo .mask {
|
|
background-color: rgba(33, 92, 210, 0.7);
|
|
}
|
|
|
|
@media (max-width: 3840px) {
|
|
.section {
|
|
padding: 100px;
|
|
}
|
|
.container {
|
|
max-width: 90%;
|
|
}
|
|
.col-lg-4 {
|
|
flex: 0 0 30%;
|
|
display: grid;
|
|
max-width: 30%;
|
|
min-width: 10%;
|
|
margin: auto;
|
|
}
|
|
|
|
.block {
|
|
min-height: 390px;
|
|
}
|
|
|
|
.service-block{
|
|
min-height: 360px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1899px) {
|
|
.section {
|
|
padding: 100px;
|
|
}
|
|
.container {
|
|
max-width: 100%;
|
|
}
|
|
.col-lg-4 {
|
|
flex: 0 0 33%;
|
|
display: grid;
|
|
max-width: 30%;
|
|
min-width: 10%;
|
|
margin: auto;
|
|
}
|
|
|
|
.block {
|
|
min-height: 495px;
|
|
}
|
|
|
|
.service-block{
|
|
min-height: 488px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
.section {
|
|
padding: 1%;
|
|
}
|
|
|
|
.container {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.col-lg-4 {
|
|
padding: 0;
|
|
flex: 0 0 100%;
|
|
display: grid;
|
|
max-width: 100%;
|
|
margin: auto;
|
|
}
|
|
|
|
.block {
|
|
min-height: 366px;
|
|
}
|
|
|
|
.service-block {
|
|
min-height: 312px;
|
|
}
|
|
} |