html {
   font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
}

body {
    display: flex;
    flex-wrap: wrap;
    background: #7c8999;
}

.homepage-body-image .initial-image {
    display:block;
    height:auto;
    width: 100%;
    background:white;
    border-radius:15px;
}

.page-title{
    background:white;
    width:100%;
    margin-bottom:30px;
    border-radius:0px 0px 15px 15px;
}

.field-page-title{
    text-decoration:none;
    color:black;
}

.field-page-title:hover{
    cursor:pointer;
}

.main-text{
    font-style: italic;
}

.field-page-title{
    font-size:35px;
    display:inline-block;
    margin:10px auto 50px 25px;
}

.main-container{
    max-width:980px;
    width:100%;
    margin:0 auto;
}

.information-details{
    margin-bottom:15px;
    font-size: 16px;
    display:block;
}

.main-body{
    display:flex;
}

.company-details{
    background:white;
    border-radius:15px;
    padding:20px;
}

.area-title{
    background:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}

.information-left,.information-right{
    width:50%;
    display:inline-block;
    padding:15px;
}

.information-right{
    border-left:1px solid #ddd;
}

.area-title{
    font-size: 20px;
    font-weight: bold;
    padding:20px;
    text-align:center;
}
.email-section{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
}
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid black;
    margin: 40px auto 20px;
}

.email {
    margin-top: 10px;
    margin-bottom: 5px;
}

.phone {
    margin-bottom: 5px;
}


@media only screen and (max-width: 1000px) {
    html {
        font-size: 16px;
    }
    .main-body{
        display:block;
    }
    .information-left,.information-right{
        width:100%;
        padding:0px;
    }
    .information-details{
        font-size: 16px;
    }
    .information-right{
        border-left:0px;
    }
    .field-page-title{
        font-size:24px;
    }
}

@media only screen and (max-width: 600px) {
  html {
    font-size: 16px;
  }
  .information-details{
        font-size: 14px;
    }
    .field-page-title{
        font-size:18px;
    }
}

@media only screen and (max-width: 400px) {
  html {
    font-size: 12px;
  }
}