@media (max-width: 740px) {
html, body, header, .carousel {
	font-size: 12pt;
	height: 100vh;
}
}
 @media (min-width: 800px) and (max-width: 850px) {
html, body, header, .carousel {
	font-size: 12pt;
	height: 100vh;
}
}
ul li {
	text-transform: uppercase;
	font-weight: bold;
}
ul li a {
	display: block;
}
ul li a:hover {
	background-color: yellow;
}
#fixedbutton {
	position: fixed;
	bottom: 100px;
	right: 0px;
	height: 30px;
	width: 80px;
	background-color: #420943;
	color: #FFF;
	font-size: 16px;
	z-index: 99;
}

.headingBck {
 background-color: #420943;
}
.title {
 color: #420943!important;
}
.vendor_name {
 color: #420943;
}
#mainTitle {
	text-shadow: -1px 2px 1px #420943, -2px 4px 1px #191c9d, -3px 6px 1px #b9bddb, 2px 2px 2px rgba(164,115,100,.4);
}



/* The clock */
#clock {
  background-color: black;
  color: white;
  display: inline-block;
  width: auto;
  padding: 0.25em 1em;
  border-radius: 5px;
}

/* Paragraph fix */
#clock p {
  margin: 5px;
}

/* Show time units and seprarator in a line */
#clock .time-unit, #clock .separator {
  display: inline-block;
  text-align: center;
  margin: 0 0.25em;
}

/* Show values using large text */
#clock .time-unit .large {
  display: block;
  font-size: 2em;
}

/* Show values using smaller text */
#clock .time-unit .small {
  display: block;
  font-size: 0.5em;
}

/* Align the separator with values */
#clock .separator {
  font-size: 2em;
  vertical-align: top;
  margin-top: -0.1em;
}




.txt {
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.button2{
        background: #420943;
        padding: 10px;
        color: white;
        border-radius: 20px;
        font-family: Georgia, serif;
        font-weight: 700;

}

tr { border: solid thin; }