115 lines
2.0 KiB
SCSS
115 lines
2.0 KiB
SCSS
@use "../variables";
|
|
@use "../mixins";
|
|
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
|
|
#map {
|
|
width: calc(100vw - (100vw - 100%));
|
|
height: auto;
|
|
|
|
iframe {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#information {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font: 500 24px "Montserrat", sans-serif;
|
|
|
|
.contact, .location {
|
|
width: 100%;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
|
|
h1 {
|
|
font: 600 48px "Montserrat", sans-serif;
|
|
|
|
@include mixins.mx_iletisim_sec_information {
|
|
font-size: 40px;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information2 {
|
|
font-size: 48px;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information3 {
|
|
font-size: 36px;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
font: 600 40px "Montserrat", sans-serif;
|
|
margin: 0.5em 0 0 0;
|
|
|
|
@include mixins.mx_iletisim_sec_information {
|
|
font-size: 32px;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information2 {
|
|
font-size: 40px;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information3 {
|
|
font-size: 28px;
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
font: 600 32px "Montserrat", sans-serif;
|
|
margin: 0.5em 0 0.25em 0;
|
|
|
|
@include mixins.mx_iletisim_sec_information {
|
|
font-size: 24px;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information2 {
|
|
font-size: 32px;
|
|
}
|
|
|
|
|
|
@include mixins.mx_iletisim_sec_information3 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.contact {
|
|
margin: 0 2vw 0 0;
|
|
|
|
@include mixins.mx_iletisim_sec_information2 {
|
|
margin: 0 0 2vh 0;
|
|
}
|
|
}
|
|
|
|
.click-call, .click-pm{
|
|
margin: 0 0 0 1em;
|
|
img {
|
|
width: 1em;
|
|
height: 1em;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
}
|
|
|
|
.horizontal-separator {
|
|
width: 100%;
|
|
width: -moz-available;
|
|
//noinspection CssInvalidPropertyValue
|
|
width: -webkit-fill-available;
|
|
border: solid 1px black;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information2 {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: 24px;
|
|
}
|
|
|
|
@include mixins.mx_iletisim_sec_information3 {
|
|
font-size: 16px;
|
|
}
|
|
} |