h1 {
padding: 5%;
text-align: center;
}
.faq-container {
margin: 5%;
margin-right: 5%;
margin-left: 5%;
margin-top: 5%;
margin-bottom: 15%;
}
#first-line-div {
width: 100%;
background-color: #F0E2AD;
color: black;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
padding-bottom: 5%;
display: flex;
}
#first-line-div a {
color: #114D46;
}
#email-div, #faq-div {
flex: 1;
padding-left: 5%;
padding-right: 5%;
}
#email-div {
border-right: 2px solid black;
}
.first-line-header-text {
margin: 0;
}
.horizontal-divider {
width: 30%;
border-top: 2px solid black;
margin: 10px 0;
opacity: 1;
}
#second-line-div {
width: 100%;
background-color: #186F65;
color: white;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
padding-bottom: 5%;
display: flex;
}
#second-line-div a {
color: white;
}
#teo-coding-div, #copyright-div, #privacy-policy-div {
flex: 1;
}
#copyright-div {
text-align: center;
}
#teo-coding-img {
width: 50%;
display: block;
margin-right: auto;
margin-left: auto;
}
#privacy-policy-div {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
#first-line-div {
flex-direction: column;
padding-top: 10%;
padding-bottom: 10%;
}
#email-div {
border-right: 0 none transparent;
margin-bottom: 50px;
}
#second-line-div {
flex-direction: column;
padding-top: 10%;
padding-bottom: 10%;
}
#teo-coding-div, #copyright-div {
margin-bottom: 50px;
}
}