body                                { font-family: "Playfair Display", "Times New Roman", serif; color: #e5e5e5; background-color: #1f1f1f; }
a, a:visited                        { color: #fff; }
a:hover, a:active, a:focus          { color: #faec53; }
h4, h5, h6                          { font-family: "Playfair Display SC", "Times New Roman", serif;  text-transform: lowercase; }
h5                                  { font-style: italic; }
h6                                  { font-weight: 700; }

.button, button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"]                { color: #fff; border: 2px solid #fff; font-style: italic; font-size: 1.3em; min-height: 50px; }

.button:hover, button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover,
.button:focus, button:focus, 
input[type="submit"]:focus, 
input[type="reset"]:focus, 
input[type="button"]:focus          { color: #f8ef8f; border-color: #f8ef8f; outline: 0; }

/* ........................................ */

.bg                                 { max-width: 100%; height: 100%; position: relative; top: 0; left: 0; right: 0; }
.bg img                             { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; }
.logo                               { position: relative; top: 0; left: 0; right: 0; height: 0; padding-bottom: 56.25%; }
.logo img                           { max-width: 100%; max-height: 80%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; }

.button-full                        { width: 100%; }
.button                             { padding: 0; }
.button a:link, .button a:visited   { text-decoration: none; color: #fff; display: block; height: 80%; padding: 10px 0; width: 100%; font-size: .8em; }
.button a:hover, .button a:focus    { color: #f8ef8f; }

.smallcaps                          { font-family: "Playfair Display SC", "Times New Roman", serif; text-transform: lowercase; font-size: 1.1em; }
.move-down                          { margin-top: 20%; }
.intro p                            { margin: 8px 0; text-align: justify; }
.listen p                           { text-align: justify; }
.starter                            { font-size: 1.3em; }
.end-credit                         { font-size: .9em; font-style: italic; text-align: right; }

/* ........................................ */

@media (max-width: 950px)           { .cols-sm.four.columns { width: 100%;  margin-left: 0; margin-right: 0;} }
@media (min-width: 1000px)          { .button a:link, .button a:visited { font-size: .9em; } }