/* Element modifiers */
a { color: #428bca; }

a:hover { color: #245682; text-decoration: underline; }

nav a {
    font-size :1.4rem;
    color: #212529;
}

body  {
    font-family: Rockwell, Roboto, ui-serif, system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
                 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1  {
    border-bottom: 2px solid #eee;
    font-size: 2rem;
    text-align: center;
}

h2 {
    font-size: 1.4rem;
}

img {
    max-width: 100%;
}

p {
    line-height: 1.8;
    max-width: 1000px;
}

form p {
    font-size:1.3rem;
    text-align:justified;
}

.address {
    margin-bottom:3rem;
}
.address span {
    display:block;
}

.about-company {
    font-size:1.4rem;
}

.comhlan-post {
    background-color: white;
    padding: 1rem;
    box-shadow: 0 2px 4px 2px rgb(10 50 60 / 20%);
    border-radius: 6px;
    margin: 2rem;
    max-width: 480px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 320px;
    display: flex;
    flex-direction: column;
}

.comhlan-post {
    line-height:1.8;
}

.intro {
    text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.form-control {
    height: calc(1.5em + .75rem + 4px);
}

option {
    padding-top:2px;
    min-height:1.4rem;
}


/* id modifiers */
/* class modifiers */
.page           { padding: 1em; width=85%; margin: 3em auto;}
.navigation     {
    text-align: right;
    font-size: 0.8em;
    list-style: none;
    padding: 0.3em;
}

.figure {
  float: left;
  margin: 0 3.317535545023696682% 1.5em 0;   /* 21px / 633px */
  width: 31.121642969984202211%;             /* 197px / 633px */
}

/*
@media screen and (max-width: 600px) {
  .mast,
  .intro,
  .main,
  .footer {
    float: none;
    width: auto;
  }
}
*/