max-width 768 type and button base styles

This commit is contained in:
Jason Costello 2016-10-10 11:06:39 -07:00
parent 9a7605ac7b
commit a405bd0af0
2 changed files with 35 additions and 0 deletions

View File

@ -69,6 +69,12 @@
} }
} }
@media (max-width: 768px) {
.outline-btn, .terra-btn{
font-size: 16px;
}
}
//animation on header main nav link hover //animation on header main nav link hover
/*.li-under a::after { /*.li-under a::after {
position: absolute; position: absolute;

View File

@ -534,6 +534,35 @@ body.page-home {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
h2{
margin-bottom: 40px;
font-size: 32px;
line-height: 32px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: regular;
}
h3{
margin-bottom: 10px;
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
p{
font-size: 14px;
line-height: 1.4;
font-weight: 300;
letter-spacing: .3px;
margin-bottom: 30px;
}
p.lead{
font-size: 18px;
}
#demos{ #demos{
.explantion { .explantion {