Fixed dropdown text alinment, Why data center Light header background and some alignment issues
This commit is contained in:
parent
34395f68eb
commit
646f1b0760
1 changed files with 28 additions and 24 deletions
|
@ -188,6 +188,7 @@ h6 {
|
||||||
.nav-language:hover .drop-language{
|
.nav-language:hover .drop-language{
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.intro-header {
|
.intro-header {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -593,7 +594,7 @@ h6 {
|
||||||
padding: 150px 0 150px 0;
|
padding: 150px 0 150px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #f8f8f8;
|
color: #f8f8f8;
|
||||||
background: url(../img/whydcl-pattren.jpg) no-repeat center center;
|
background: url(../img/pattern.jpg) no-repeat center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
|
@ -642,7 +643,7 @@ tech-sub-sec h2 {
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
.percent-text {
|
.percent-text {
|
||||||
font-size: 53px;
|
font-size: 50px;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
.tech-sub-sec h2 {
|
.tech-sub-sec h2 {
|
||||||
|
@ -697,6 +698,11 @@ tech-sub-sec h2 {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
.dropdown-menu > li > a {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 300;
|
||||||
|
font-family: 'Lato-Regular', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
/*Pricing page*/
|
/*Pricing page*/
|
||||||
|
|
||||||
|
@ -854,13 +860,19 @@ tech-sub-sec h2 {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
}
|
}
|
||||||
@media(min-width:767px) {
|
@media(max-width:767px) {
|
||||||
.visible-desktop{
|
.percent-text {
|
||||||
display:block !important;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
.hidden-desktop{
|
#tech_stack h3 {
|
||||||
display:none !important;
|
font-size: 30px;
|
||||||
|
line-height: 40px;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
.navbar-nav .open .dropdown-menu {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media(max-width:990px) {
|
@media(max-width:990px) {
|
||||||
.pricing-section .text {
|
.pricing-section .text {
|
||||||
|
@ -877,20 +889,8 @@ tech-sub-sec h2 {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width:768px) {
|
@media(max-width:768px) {
|
||||||
.visible-mobile{
|
.percent-text {
|
||||||
display:block !important;
|
font-size: 43px;
|
||||||
}
|
|
||||||
.hidden-mobile{
|
|
||||||
display:none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.percent-text {
|
|
||||||
font-size: 57px;
|
|
||||||
}
|
|
||||||
#tech_stack h3 {
|
|
||||||
font-size: 30px;
|
|
||||||
line-height: 40px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
.tech-sub-sec h2 {
|
.tech-sub-sec h2 {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
@ -946,7 +946,7 @@ line-height: 40px;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.navbar-transparent .navbar-nav>li>a {
|
.navbar-transparent .navbar-nav>li>a {
|
||||||
font-size: 15px;
|
font-size: 14px;
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
.nav-language:hover{
|
.nav-language:hover{
|
||||||
|
@ -1110,6 +1110,10 @@ line-height: 40px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
.pull-left.space-middle {
|
||||||
|
width: 50%;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue