thwGAT_webapp/src/pages/About/MAbout.css

79 lines
1.6 KiB
CSS

@media only screen and (max-width: 1380px) {
.about--sec_more h3 {
text-align: center;
width: 100%;
}
.sec_more .mission_zitat {
text-align: center;
font-size: 20px;
}
.sec_more .mission_zitat i {
font-family: 'Kalam', cursive;
font-weight: 400;
}
.sec_more .mission_zitat b {
font-family: 'Roboto', sans-serif;
font-style: italic;
font-weight: normal;
}
.aboutProfileCardCont {
width: 100vw;
margin-top: 80px;
padding: 0;
display: flex;
flex-direction: column;
gap: 30px;
justify-content: space-around;
}
.aboutProfileCardCont .aboutProfileCard {
padding: 30px;
box-sizing: border-box;
width: 80%;
flex-direction: column;
}
.aboutProfileCardCont .aboutProfileCard img {
max-width: 60%;
max-height: 20vh;
}
.aboutProfileCardCont .aboutProfileCard h2 {
font-size: 24px;
}
.aboutProfileCardCont .aboutProfileCard h3 {
font-size: 18px;
}
.about--sec_contact .imgtextctacont {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 0;
}
.about--sec_contact .imgtextctacont img {
max-width: 80vw;
max-heigth: 20vh;
height: auto;
}
.about--sec_contact .imgtextctacont .rightdiv {
padding: 0;
margin: 0;
padding-top: 10px;
font-size: 20px;
}
.about--sec_contact {
width: 100%;
padding-bottom: 10%;
}
}