Result
 Source map
 Restructure
 Beautify

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    background-color: #946c8e;
    background-image: url(https://www.scentedflamelesscandles.ca/images/background-static.jpg);
    background-repeat: repeat-x;
    background-attachment: scroll
}

video#bgVideo {
position: fixed;
right: 0;
bottom: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -100;    
background-size: cover;
}
#container {
    width: 1000px;
    margin: 1px auto
}
.style659848 {
	font-size: medium;
	font-family: "Trebuchet MS";
	color: #9E3655;
	text-decoration: none;
}

.dlink-style {
	font-size: medium;
	font-family: "Trebuchet MS";
	color: #9E3655;
	text-decoration:underline;
}

#masthead {
    text-align: center;
    width: 998px;
    border-top: 2px solid #e5b0d3;
    border-right: 2px solid #e5b0d3;
    border-bottom: 2px solid #e5b0d3;
    border-left: 2px solid #e5b0d3;
    background-color: #fff;
    border-radius: 10px;
    font-size: medium
}
#navigation {
    position: relative;
    float: left;
    width: 164px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #e5b0d3;
    border-right: 1px solid #e5b0d3;
    border-bottom: 1px solid #e5b0d3;
    border-left: 1px solid #e5b0d3;
    background-color: #fff
}
#content,#footer,#navigation {
    border-radius: 10px
}
#content {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    width: 800px;
    border-top: 2px solid #e5b0d3;
    border-right: 2px solid #e5b0d3;
    border-bottom: 2px solid #e5b0d3;
    border-left: 2px solid #e5b0d3;
    background-color: #fff
}
#footer {
    text-align: center;
    clear: both;
    width: 998px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 2px solid #dcdcdc;
    border-right: 2px solid #a9a9a9;
    border-bottom: 2px solid gray;
    border-left: 2px solid #a9a9a9;
    background-color: #fefeff
}
#content h1,#masthead h1,#masthead h3,h2,h3 {
    color: #593168
}
#navigation ul {
    list-style-type: none;
    width: 100%;
    float: right
}
#navigation li,#navigation ul {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #fff
}
#navigation a {
    font-size:medium;
    color: #740a50;
    font-family:"Century Gothic";
    text-decoration: none;
    display: block;
    padding: 5px
}
#navigation a:hover {
    color: #7b5595;
    text-decoration: none
}
h4,h5,h6 {
    color: #593168
}
#footer p {
    margin-top: 5px
}
#footer a:hover {
    color: #33627d;
    text-decoration: underline;
}
a:hover {
    color: #7b5595
}

.style_bold {
    font-weight: 700
}

.style_italic {
    font-style: italic
}
.main-body-text {
	font-size: medium;
	font-family: "Trebuchet MS";
	color: #575757;
}

.main-body-text-alternate {
	font-size: medium;
	font-family: "Trebuchet MS";
	color: #575757;
	background-color:#d6fcff;
}
.join-button {
	background-color:#ffd5df;
}


.table-main {
	
	min-width:95%;
	
}

.table-main-row-width {

	text-align: center;
		
}

.table-image {
	
	text-align: center;
	max-width:100%;
	height:auto;
	border:0px;
	
	
}


.title-h1tag {

	font-family:"Century Gothic";
	font-size: large;
	font-weight:normal;

	
}

.table-buttons-bg-side {
	background:#DDDDDD;
	text-align: center;
	border-radius: 5px;
	border-top: 1px solid #E5B0D3;
	border-right: 1px solid #E5B0D3;
	border-bottom: 1px solid #E5B0D3;
	border-left: 1px solid #E5B0D3;

	}
	
.style110 {
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	color: white;
	background-color: #7B5595;
	text-align: center;
	height: 47px;
	font-size: medium;
	border-radius: 5px;
}

.style11 {
	text-align: center;
	font-size: medium;
}
.auto-style1 {
	text-align: center;
}

.side-menu-consultant-font {
	text-align: center;
	font-size: medium;
	font-family: Consolas;
	color: #740A50;
}


.rborder5 {

	border-radius: 5px;
}

.rborder10 {

	border-radius: 10px;
}


.table-button-text {
	color: #9E3655;
	font-family:"Century Gothic";
	font-size:small;
	text-decoration: none;
}

.table-button-text-footer {
	color: #9E3655;
	font-family:"Century Gothic";
	font-size:small;
	}


.table-buttons-bg {
	background: #F0E9F0;
	text-align: center;
	border-radius: 5px;
	border-top: 1px solid #E5B0D3;
	border-right: 1px solid #E5B0D3;
	border-bottom: 1px solid #E5B0D3;
	border-left: 1px solid #E5B0D3;

	}


.table-footer-text {
	color: #9E3655;
	font-family: Consolas;
	font-size: medium;
	text-decoration: none;
}




.table-buttons-bg {
	background: #F0E9F0;
	text-align: center;
	border-radius: 5px;
	border-top: 1px solid #E5B0D3;
	border-right: 1px solid #E5B0D3;
	border-bottom: 1px solid #E5B0D3;
	border-left: 1px solid #E5B0D3;

	}
	
.table-header-banner {
	background:red;
	text-align: center;
	border-radius: 5px;
	border-top: 1px solid #E5B0D3;
	border-right: 1px solid #E5B0D3;
	border-bottom: 1px solid #E5B0D3;
	border-left: 1px solid #E5B0D3;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-size:medium;
	text-decoration: none;


	}
	
.table-header-banner-link {
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-size:medium;
	text-decoration:underline;

	}


	
	.htag-style {
	font-family:"Century Gothic";
	font-size:x-large;
	color: #593168;
	font-weight: normal;
	text-align:center;
	background-color:#F4F2F5;

}


	.htag-style-stars {
	font-family:"Century Gothic";
	font-size:x-large;
	color: #593168;
	font-weight: normal;
	text-align:center
	
}


body {
	background-color: #946C8E;
	background-repeat:repeat-x;
	background-attachment:scroll
}


@media screen and (max-width: 700px)
{

	
	body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #946C8E;
	background-repeat:repeat-x;
	background-attachment:scroll
}

    #bgVideo {
        display: none;
    }


#container {
	width: 100%;
	margin: 0px;
	padding: 2px;
	border: none;	
	
}
#masthead {
	text-align: center;
	width: 97%;
	margin: 1px;
	padding: 2px;
	border: none;
	font-size: 0.8em;	

	background-color: #fff;
		

}
#navigation {

display: none;
width: 0px;

}
#content {
	float: left;
	width: 97%;
	margin:  1px;
	padding: 2px;
	background-color: #fff;
	border: none;


}
#footer {
	text-align: center;
	clear: both;
	width: 98%;
	padding-top: 3px;
	padding-bottom: 3px;
	margin:  1px;
	background-color: #fefeff;
	border: none;	
	font-size: 0.8em;

}
/* Masthead Styles */
#masthead h1 {
	color: #593168;
}
#masthead h3 {
	color: #593168;
}
/* Navigation Styles */

/* Content Styles */
h6 {
	color: #593168;
}
h5 {
	color: #593168;
}
h4 {
	color: #593168;
}
h3 {
	color: #593168;
}
h2 {
	color: #593168;
}
#content h1 {
	color: #593168;
}

#footer p {
}
#footer a:hover {
	color: #33627d;
	text-decoration: none;
}

a:hover {
	color: #7B5595;
	text-decoration: underline;
}	
	
}
.main-body-text-center {
	font-size: medium;
	font-family: "Trebuchet MS";
	color: #575757;
	text-align:center;
}

:root {
	--bg: #e3e4e8;
	--fg: #17181c;
	--input: #ffffff;
	--primary: #255ff4;
	--dur: 1.2s;
	font-size: calc(16px + (24 - 16)*(100vw - 320px)/(1280 - 320));
}
body, input {
	color: var(--fg);
	font: 1em/1.5 Hind, sans-serif;
}
form, input, .caret {
	margin: auto;
}
form {
	position: relative;
	width: 100%;
	max-width: 17em;
}
input, .caret {
	display: block;
	transition: all calc(var(--dur) * 0.5) linear;
}
input {
	background: transparent;
	border-radius: 50%;
	box-shadow: 0 0 0 0.19em inset;
	caret-color: var(--primary);
	width: 2em;
	height: 2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input:focus, input:valid {
	background: var(--input);
	border-radius: 0.25em;
	box-shadow: none;
	padding: 0.75em 1em;
	transition-duration: calc(var(--dur) * 0.25);
	transition-delay: calc(var(--dur) * 0.25);
	width: 100%;
	height: 3em;
}
input:focus {
	animation: showCaret var(--dur) steps(1);
	outline: transparent;
}
input:focus + .caret, input:valid + .caret {
	animation: handleToCaret var(--dur) linear;
	background: transparent;
	width: 1px;
	height: 1.5em;
	transform: translate(0,-1em) rotate(-180deg) translate(7.5em,-0.25em);
}
input::-webkit-search-decoration {
	-webkit-appearance: none;
}
label {
	color: #575757;
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
}
.caret {
	background: currentColor;
	border-radius: 0 0 0.125em 0.125em;
	margin-bottom: -0.6em;
	width: 0.25em;
	height: 1em;
	transform: translate(0,-1em) rotate(-45deg) translate(0,0.875em);
	transform-origin: 50% 0;
}