You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

156 lines
3.2 KiB

.footer {
width: 100%;
background-color: rgb(80, 80, 80);
// padding: 10px;
&-container {
padding: 0 10px;
width: 100%;
max-width: 1250px;
margin: 0px auto;
&__content {
flex: 1;
padding-bottom: 40px;
.first {
color: white;
flex: 2;
img {
width: 15px;
height: 17px;
}
h1 {
font-family: numeralMedium;
color: #c4e14c;
font-size: 14px;
}
p {
margin-bottom: 0px;
font-family: numeralLight;
font-size: 12px;
max-width: 80%;
}
span {
font-family: numeralLight;
font-size: 11px;
color: #c4e14c;
margin-top: 2px;
}
}
.second {
flex: 1;
color: white;
h1 {
font-family: numeralMedium;
color: #c4e14c;
font-size: 14px;
}
ul {
list-style: none;
padding: 0px;
li {
a {
font-family: numeralLight;
font-size: 12px;
margin-top: 5px;
color: white;
text-decoration: none;
}
}
}
}
&--box {
margin-left: 15px;
padding-top: 40px;
justify-content: flex-start;
text-align: right;
}
}
}
&__privacy {
width: 100%;
justify-content: center;
color: white;
background-color: rgba(34, 34, 34, 0.316);
padding: 15px 0px;
p {
font-family: numeralMedium;
font-size: 13px;
margin-bottom: 0px;
}
}
}
.mobile-footer {
width: 100%;
background-color: rgb(80, 80, 80);
&-container {
width: 100%;
padding: 20px 20px;
margin: 0px auto;
&__content {
padding-bottom: 40px;
.first {
color: white;
img {
width: 15px;
height: 17px;
}
h1 {
font-family: numeralMedium;
color: #c4e14c;
font-size: calc(100vw / 20);
}
p {
margin-bottom: 0px;
font-family: numeralLight;
font-size: calc(100vw / 40);
max-width: 90%;
}
span {
font-family: numeralLight;
font-size: calc(100vw / 40);
color: #c4e14c;
margin-top: 2px;
}
}
.second {
color: white;
h1 {
font-family: numeralMedium;
color: #c4e14c;
font-size: calc(100vw / 20);
}
ul {
list-style: none;
padding: 0px;
li {
a {
font-family: numeralLight;
font-size: calc(100vw / 40);
margin-top: 5px;
color: white;
text-decoration: none;
}
}
}
}
&--box {
margin-left: 15px;
padding-top: 40px;
justify-content: flex-start;
text-align: right;
}
}
}
&__privacy {
width: 100%;
justify-content: center;
color: white;
background-color: rgba(34, 34, 34, 0.316);
padding: 15px 0px;
p {
font-family: numeralMedium;
font-size: calc(100vw / 50);
margin-bottom: 0px;
}
}
}