/*special-features*/
.special-features-btn.font {
color: #333 !important;
border-color: #333 !important;
background-color: #fff;
}

.black-and-white-mode {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.dark-mode,
.dark-mode img,
.dark-mode embed,
.dark-mode video {
-webkit-filter: grayscale(100%) invert(100%);
-moz-filter: grayscale(100%) invert(100%);
-ms-filter: grayscale(100%) invert(100%);
-o-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}

.font1 h1 {
font-size: 40px;
}

.font1 * {
font-size: 16px !important;
}

.font1 h2 {
font-size: 36px !important;
}

.font1 h3 {
font-size: 32px !important;
}

.font1 h4 {
font-size: 28px !important;
}

.font1 h5 {
font-size: 24px !important;
}

.font1 h6 {
font-size: 20px !important;
}

.font2 * {
font-size: 18px !important;
}

.font2 h1 {
font-size: 44px !important;
}

.font2 h2 {
font-size: 40px !important;
}

.font2 h3 {
font-size: 36px !important;
}

.font2 h4 {
font-size: 32px !important;
}

.font2 h5 {
font-size: 28px !important;
}

.font2 h6 {
font-size: 24px !important;
}

.font3 * {
font-size: 20px !important;
}

.font3 h1 {
font-size: 48px !important;
}

.font3 h2 {
font-size: 44px !important;
}

.font3 h3 {
font-size: 40px !important;
}

.font3 h4 {
font-size: 36px !important;
}

.font3 h5 {
font-size: 32px !important;
}

.font3 h6 {
font-size: 28px !important;
}
/*special-features*/

.dropdown-menu.special-features {
padding: 15px;
width: 240px;
}

.dropdown-menu.special-features > form .special-features-btn {
display: block;
float: left;
padding: 10px;
margin-right: 10px;
width: 60px;
height: 60px;
text-align: center;
border: 2px solid transparent;
font-size: 24px !important;
text-decoration: none;
color: #fff;
}

.dropdown-menu.special-features > form .special-features-btn:last-child {
margin-right: 0;
}

#common-mode {
background-color: #008cca;
border-color: #007cca;
}

#black-and-white-mode {
background-color: #555;
border-color: #333;
}

#dark-mode {
background-color: #333;
border-color: #555;
}

.special-features-btn.font.active {
color: #fff !important;
border-color: #333 !important;
background-color: #4d68ae!important;
}