/* Global properties ======================================================== */
body {padding:0; text-align:center;}
:root { 
--main-color: #000; --second-color: #89318f; --third-color: #666; --link-color:#89318f;
--font1: 'Trebuchet MS'; --font2: 'Trebuchet MS'; --font3: 'Trebuchet MS';
--buttShadow: 2px 2px 10px #ccc;}

.cd-section {clear:both;}
.fullHeight {min-height: 100vh; text-align:center;}

.clear {clear:both; line-height:0; font-size:0; width:100%;}
.fleft {float:left;}
.fright {float:right;}
.center {text-align: center; margin: 0 auto;}
.last {margin-right:0px !important; padding-right:0px !important;}
:focus {outline: 0;}

.white {#fff;}
.bg-main {background: var(--main-color);}
.fg-main {color: var(--main-color);}
.bg-second {background: var(--second-color);}
.fg-second {color: var(--second-color);}

a {text-decoration:none; cursor:pointer; color: var(--link-color); font-weight:bold; letter-spacing:0px;}
a:hover {text-decoration:none;}
.hover-underline-animation {display: inline-block;position: relative;color: var(--link-color);}
.hover-underline-animation::after {content: '';position: absolute;width: 100%;transform: scaleX(0);height: 2px;bottom: 0;left: 0; 
background-color: var(--link-color);transform-origin: bottom right;transition: transform 0.25s ease-out;}
.hover-underline-animation:hover::after {transform: scaleX(1);transform-origin: bottom left;} 

h1, h2, h3, h4, h5, h6, p {font-weight: normal; overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}

h1 {font-family: var(--font1); text-align:center; color: var(--main-color); letter-spacing:2px; 
font-size: calc(60px + (72 - 60) * ((100vw - 300px) / (1600 - 300))); line-height: calc(60px + (72 - 60) * ((100vw - 300px) / (1600 - 300)));}
h2 {font-family: var(--font2); text-align:center; color: var(--second-color); letter-spacing:2px; 
font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300))); line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300)));
padding: 5px; font-weight: normal; text-transform:uppercase;}
h3 {font-family: var(--font2); text-align:center; color: var(--third-color); letter-spacing:2px; 
font-size: calc(20px + 1vw);  line-height: 130%; padding: 5px; font-weight: normal; text-transform:uppercase;}
h4, h5, h6 {font-family:var(--font3);text-align:center; color: var(--second-color); letter-spacing:2px; 
font-size: 18px; line-height: 22px; font-weight:normal; text-transform:uppercase;}
p {font-family:var(--font3); color: #363636; font-size: 18px; line-height: 24px; margin: 12px; padding: 0px 5%;} 
p b {color: #696969; letter-spacing: 0.5px;}