45 lines
741 B
SCSS
45 lines
741 B
SCSS
|
footer {
|
||
|
|
width: 100%;
|
||
|
|
height: 112px;
|
||
|
|
@include outer-container;
|
||
|
|
}
|
||
|
|
.footer_title {
|
||
|
|
@include span-columns(6);
|
||
|
|
padding:2.5rem 0 1rem;
|
||
|
|
h2 {
|
||
|
|
font-family: $primary-font-face;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 700;
|
||
|
|
margin: 0 0 0 0;
|
||
|
|
font-size: 3vw;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pd_logo {
|
||
|
|
@include span-columns(6);
|
||
|
|
@include omega();
|
||
|
|
text-align: right;
|
||
|
|
padding:1.5rem 0 1rem;
|
||
|
|
img {
|
||
|
|
max-height: 45px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.footer_yellow-bar {
|
||
|
|
@include span-columns(12);
|
||
|
|
@include omega();
|
||
|
|
@include slantmix(0, 0, 1.5rem);
|
||
|
|
background-color:$accent-color-2;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (min-width: 480px) {
|
||
|
|
footer {
|
||
|
|
height: 116px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media screen and (min-width: 700px) {
|
||
|
|
.footer_title h2 {
|
||
|
|
font-size: 1.25rem;
|
||
|
|
}
|
||
|
|
}
|