@import url(acoustic-ltd.css);
@import url('https://fonts.googleapis.com/css?family=Orienta');

body { background-color: lightgray;
       border: 0px solid;
       border-color: blue;
       padding: 10px;
       margin: 0 auto;
       font-family: Arial;
       color: rgb(230, 230, 230);
       display: flex;
       flex-direction: column;
       max-width: 100vmax;
       max-inline-size: 90vw;
}

header {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        margin-left: 10px;
        margin-right: 10px;
        display: flex;
        justify-content: flex-start;
        min-inline-size: 25em;
}

page_box {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: green;
        display: flex;
        flex-direction: column;
        min-inline-size: 25rem;
        max-inline-size: 40rem;
        padding: 0em;
        margin: 0.5em;
        max-width: 100vmax;
}

horizontal_box {
           border-radius: 0em;
           border: 0px solid;
           border-color: #a1a3a4;
           padding: 0em;
           margin: 0em;
           display: flex;
           place-content: left;
           min-inline-size: 25rem;
}

vertical_box {
           border-radius: 0em;
           border: 0px solid;
           border-color: #a1a3a4;
           padding: 0em;
           margin: 0em;
           display: flex;
           flex-direction: column;
           place-content: left;
           min-inline-size: 25rem;
}

vertical_bgnd_box { background-image: url("images/backgnd.jpg");
                    background-size: cover;
                    background-position: center center;
                    border-radius: 0em;
                    border: 0px solid;
                    border-color: #a1a3a4;
                    padding: 0em;
                    margin: 0em;
                    display: flex;
                    flex-direction: column;
                    place-content: left;
                    max-width: 60vmax;
                    min-inline-size: 25rem;
}


nav_button {
        border-radius: 1em;
        border: 1px solid;
        border-color: #a1a3a4;
        display: flex;
        padding: 0.5em;
        margin: 0.2em;
}

fb_button {
        border-radius: 0em;
        border: 0px solid;
        padding-left: 5em;
        margin: 0em;
        display: flex;
}

footer {
        border-radius: 0em;
        border: 1px solid;
        border-color: #a1a3a4;
        padding: 0.5em;
        margin: 0em;
        display: flex;
        justify-content: space-between;
        max-width: 100vmax;
}


Title1 { font-family: 'Orienta', sans-serif;
         font-size: 2.8rem;
         margin-bottom: 0em;
         -webkit-text-stroke: 2px rgb(207, 48, 48);
         -webkit-text-fill-color: transparent;
}

Title2 { font-family: 'Orienta', sans-serif;
         font-size: 1.5rem;
         font-weight: bolder;
         font-style: italic;
         color: black;
         margin-top: 0em;
         margin-bottom: 0em;
         margin-left: 10%;
}


h1 { font-family: 'Orienta', sans-serif;
     font-size: 2.8rem;
     color: rgb(207, 48, 48);
     margin-top: 0.2em;
     margin-bottom: 0.2em; }

h2 { font-family: 'Orienta', sans-serif;
     font-size: 2rem;
/*     text-shadow: 0.1em -.05em .05em #000000;       */
     color: rgb(207, 48, 48);
     margin-top: 1.5rem;
     margin-bottom: 0.2em; }

h3 { font-family: 'Orienta', sans-serif;
     font-size: 2rem;
     color: rgb(170, 170, 170);
     margin: 0.2em; }

h4 { font-family: 'Orienta', sans-serif;
     font-size: 1.6rem;
     color: rgb(207, 48, 48);
     margin-top: 0.5em;
     margin-bottom: 0.2em; }

h5 { font-family: 'Orienta', sans-serif;
     font-size: 1.4rem;
     color: rgb(207, 48, 48);
     margin-top: 2pt;
     margin-bottom: 2pt; }

h6 { font-family: 'Orienta', sans-serif;
     font-size: 1.2rem;
     color: rgb(00, 00, 00);
     margin-top: 2pt;
     margin-bottom: 2pt; }

p, * { font-family: 'Orienta', sans-serif;
       font-size: 1.2rem;
       color: rgb(30, 30, 30);
       margin-top: 0pt;
       margin-bottom: 0pt; }

text_red { color: rgb(207, 48, 48); }
text_black { color: rgb(0, 0, 0); }
text_grey { color: rgb(70, 70, 70); }

a:link, a:visited {
         text-decoration: underline;
         font-family: Arial;
         font-size: 1.2rem;
         color: rgb(230, 230, 230);
}

a:hover { text-decoration: underline;
            font-family: Arial;
            font-size: 1.2rem;
            color: rgb(180, 180, 180);
}

a.flyer:link, a.flyer:visited {
         text-decoration: underline;
         font-family: Arial;
         font-size: 1rem;
         color: rgb(30, 30, 230);
}