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.
105 lines
1.7 KiB
105 lines
1.7 KiB
#contact { |
|
|
|
h2 { |
|
margin-top : 1.5rem; |
|
} |
|
|
|
#helpdesk { |
|
display : flex; |
|
justify-content : center; |
|
align-items : center; |
|
|
|
#helpdesk-banner-container { |
|
background : black; |
|
padding : 3rem; |
|
} |
|
|
|
#helpdesk-banner { |
|
display : block; |
|
width : 100%; |
|
height : auto; |
|
} |
|
#helpdesk-banner-container, #helpdesk-info { |
|
flex : 1; |
|
margin : 0 2rem; |
|
} |
|
} |
|
|
|
#management { |
|
|
|
#container { |
|
display : flex; |
|
flex-direction : row; |
|
flex-wrap : wrap; |
|
justify-content : center; |
|
|
|
.person { |
|
margin-left : 2rem; |
|
margin-right : 2rem; |
|
margin-bottom : 5rem; |
|
|
|
img { |
|
display : block; |
|
width : 100%; |
|
height : auto; |
|
} |
|
|
|
* { |
|
margin : 0.2rem 0; |
|
} |
|
} |
|
|
|
} |
|
} |
|
|
|
#main-wrapper { |
|
width : 100%; |
|
margin-top : 2rem; |
|
display : flex; |
|
flex-direction : row; |
|
flex-wrap : wrap; |
|
justify-content : center; |
|
align-items : center; |
|
} |
|
|
|
#maparea { |
|
margin : 0 2rem 0 2rem; |
|
min-width : 50%; |
|
flex : 1; |
|
|
|
#map { |
|
width : 100%; |
|
float : right; |
|
margin : 0px auto; |
|
height : 60vh; |
|
max-height : 300px; |
|
} |
|
} |
|
|
|
#main { |
|
margin : 2rem 0; |
|
padding-right : 40px; |
|
|
|
p{ |
|
padding-bottom : 5px; |
|
} |
|
} |
|
|
|
* { |
|
margin : 0.2rem 0; |
|
} |
|
|
|
} |
|
|
|
@media (max-width : 900px) { |
|
|
|
#contact { |
|
#helpdesk { |
|
flex-direction : column; |
|
|
|
#helpdesk-banner-container, #helpdesk-info { |
|
margin : 0; |
|
} |
|
} |
|
} |
|
}
|
|
|