/* cmsms stylesheet: vdh modified: 20-07-26 23:34:06 */
.aanbtabel {
    width: auto;
    height: auto;
    overflow:scroll;
    overflow-y:hidden;
}

.weeksale {
margin:0px 0 0px 0;
padding:5px 5px 5px 5px;
p1adding:10px 10px 5px 10px;
}
.weeksale img {
height:80px;
float: right;
}

.vakantie2026 {
margin:0px 0 0px 0;
padding:5px 5px 5px 5px;
}
.vakantie2026 img {
width:200px; 
height:auto;
float: right;
}


.newslarge {
margin:0px 0 0px 0;
padding:5px 5px 5px 5px;
font-size:18px;
tex1t-transform: uppercase;
line-height: 1.6;
background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.newslarge img {
height:120px;
float: right;
}



div .frontpageblock li {
f1ont-size: 1.2em;
}

.frontpageblock {
height:300px;
m1ax-height:300px;
f1ont-size: 1vw;
w1idth:100%;
m1argin:10px 0 10px 0;
padding:10px 10px 5px 10px;
color:#505050;
background:#f4f4f4 url(uploads/andreas00_cmsms/menubg.gif) bottom left repeat-x;
table-border:0;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #cccccc;
line-height:1.3em;
f1loat:none;
text-align:center;
f1ont-size:100%;
border-radius: 4px;
di1splay:table;
}

.frontpageblock img {
m1in-height:110px;
height:110px;
text-align:center;

width:auto;
display:block;
margin-left:auto;
margin-right:auto;
w1idth:auto;
h1eight:auto;
m1ax-w1idth:90px;
}

.frontpageblockWebwinkel {
height:300px;
m1ax-height:300px;
f1ont-size: 1vw;
w1idth:100%;
m1argin:10px 0 10px 0;
padding:10px 10px 5px 10px;
color:#505050;
background:#ffffd5 url(uploads/andreas00_cmsms/menubg.gif) bottom left repeat-x;
table-border:0;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #cccccc;
line-height:1.3em;
f1loat:none;
text-align:center;
f1ont-size:100%;
border-radius: 4px;
di1splay:table;
}


.frontpageblockWebwinkel img {
height:110px;
}





.mixedContent {
}
 
.mixedContent ul {

}
 
.mixedContent ul li {
     padding:0 5px;
}
 
.mix1edContent ul li img {
     cursor:pointer;
     height:100px;
     padding-top:3px;
     width:120px;
}

.frt_wrapper {
p1osition:relative;
d1isplay:block;
m1argin:20px 0 40px 0;
margin:20px 0 0px 0;
}

.frt_december {
float: left;
width: 300px;
padding: 0;
margin: 0 1px 0 45px;
}
.frt_december img{
f1loat: right;
m1argin: 5px;
width:230px;
}

.frt_nieuwsbrief {
b1ackground: #0099FF;
float: left;
width: 300px;
padding: 0;
margin: 0 1px 0 45px;
}
.frt_nieuwsbrief img{
float: right;
margin: 5px;
width:60px;
}
.frt_thuisbezorging {
b1ackground: #0000AA;
float: left;
width: 280px;
padding: 0;
margin: 0 2px 0 0;
}
.frt_thuisbezorging img{
float: right;
margin: 5px;
width:50px;
}

/***** wiezijnwij ******/
#wzwpicture {
vertical-align:top;
float:right;
padding: 6px 7px 6px 10px;
m1argin:0px 15px 0px 0;
}
#wzwpicture img {
border-radius: 4px;
box-shadow: 3px 3px 5px #888888;
}

#wzwpicture2 {
vertical-align:top;
float:left;
padding: 1px 14px 6px 0px;
margin:20px 0 0px 0;
}
#wzwpicture2 img {
border-radius: 4px;
box-shadow: 3px 3px 5px #888888;
}

#wzwcenter{
vertical-align:top;
float:left;
}

#wzwonsteam {
vertical-align:top;
float:left;
padding: 1px 35px 6px 0px;
margin:20px 0 0px 0;
text-align:center;
}

#wzwonsteam img {
vertical-align:top;
width:430px;
margin-left:auto;
margin-right:auto;
float:left;
}

#wzwonsteam1 {
vertical-align:top;
float:left;
display: inline-block;
padding: 1px 35px 6px 0px;
margin:20px 0 0px 0;
text-align:center;

}

#wzwonsteam1 img {
width:430px;
}



/***** dieren ******/

#dierentabel
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#dierenshortpicture {
vertical-align:top;
float:left;
width:15%;
}

#dierenshorttext {
vertical-align:top;
float:left;
width:80%;
}

div.dierenshorttext hr {
border: 0;
width: 80%;
color: #f00;
background-color: #f00;
height: 5px;
}

#dierentabel1
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#dierenshortpicture1 {
vertical-align:top;
float:left;
width:15%;
}

#dierenshorttext1 {
vertical-align:top;
float:left;
width:80%;
}

div.dierenshorttext1 hr {
border: 0;
width: 80%;
color: #f00;
background-color: #f00;
height: 5px;
}



#dierenpicture {
float: right;
padding: 6px 10px 6px 0px;
}

#dierenlargepicture {
vertical-align:top;
float:right;
width:30%
}

#dierenlargetext {
vertical-align:top;
float:left;
width:60%
}


#dierentabel table {
margin:0 0 0px 0;
padding:0px;
}


#dierentabelscroll {
height:100%;
overflow:auto;
}

#dierentabel td {
vertical-align:top;
border:1;
padding:2px;
text-align:left;
background:#f4f4f4 url(uploads/andreas00_cmsms/menu2bg.gif) bottom left repeat-x;
}


#dierentabel th {
padding:0;
}

#dieren1 {
vertical-align:top;
float:left;
width:15%
}

#dieren2 {
vertical-align:top;
float:left;
width:80%
}

table#prijslijst-drwoof {
table-border:0;
background:#ffffff;
width: 500px;
}
table#prijslijst-drwoof  td {
    padding: 1px;
    b1order: solid #000 1px;
    color: #0000ff;
    font-weight: bold;
    font-size:14px;
    background:#ffffff;
}
table#prijslijst-drwoof  img {
    padding: 1px;
}
table#prijslijst-drwoof  caption {
    background:#ffffff;
    text-align: left;
    color: #f00;    
    font-weight: bold;
    font-size:16px;
    padding: 1px;
}

.prijslijst-leftcol {
    font-weight: bold;
    text-align: left;
    width: 400px;
    background-color: #CCCCCC;
}

#links{
    margin: 0px 0px 5px 5px;
    width: 105px;
    float:left;
    table-border:0;
    border-top:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    border-left:1px solid #cccccc;
    line-height:1.3em;
    text-align:center;
    border-radius: 4px;
}
#links img{
    width: 90px;
}


.drwoofblock {
height:210px;
font-size:16px;
width:430px;
m1argin:10px 0 10px 0;
padding:10px 10px 5px 10px;
color:#505050;
background:#f4f4f4 url(uploads/andreas00_cmsms/menubg.gif) bottom left repeat-x;
table-border:0;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #cccccc;
line-height:1.3em;
float:left;
text-align:left;
f1ont-size:100%;
border-radius: 4px;
di1splay:table;
}

.drwoofblock2 {
width:50px;
float:left;
}

.drwoofblock3 {
height:210px;
font-size:16px;
width:430px;
m1argin:10px 0 10px 0;
padding:10px 10px 5px 10px;
color:#505050;
background:#f4f4f4 url(uploads/andreas00_cmsms/menubg.gif) bottom left repeat-x;
table-border:0;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #cccccc;
line-height:1.3em;
float:left;
text-align:left;
f1ont-size:100%;
border-radius: 4px;
di1splay:table;
}

.drwoofblock4 {
height:190px;
font-size:16px;
width:650px;
m1argin:10px 0 10px 0;
padding:10px 10px 5px 10px;
color:#505050;
background:#f4f4f4 url(uploads/andreas00_cmsms/menubg.gif) bottom left repeat-x;
table-border:0;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #cccccc;
line-height:1.3em;
float:left;
text-align:left;
f1ont-size:100%;
border-radius: 4px;
di1splay:table;
}



#drwoofprijs-kolom1
{float: left; width: 360px; padding: 0px; font-size:14px;}
#drwoofprijs-kolom2
{float: left; width: 40px; padding: 0px; font-size:11pt;}



#contact-kolom1
{float: left; width: 325px; padding: 0px; fo1nt-size:9pt;}
#contact-kolom2
{float: left; width: 150px; padding: 0px; fo1nt-size:9pt;}
#contact-kolom3
{float: left; width: 85px; padding: 0px; fo1nt-size:9pt;}
#contact-kolom4
{float: left; width: 350px; padding: 0px; 
vertical-align:top;
float:right;
width: 289px;
f1ont-size:12px;
}

#contact-algemeen-kolom1
{clear:both; float: left; width: 555px; padding: 0px; }
#contact-algemeen-kolom2
{float: left; width: 295px; padding: 0px; 
vertical-align:top;
float:right;
w1idth: 289px;
}

#contact-tekst
{clear:both; }

#tipspicture {
float: right;
padding: 6px 10px 6px 0px;
}

#googlemaps {
float: right;
padding: 6px 10px 6px 0px;
}

#contactp1icture {
vertical-align:top;
float:right;
padding: 6px 7px 6px 10px;
m1argin:0px 15px 0px 0;
}
#contactpicture img {
border-radius: 4px;
box-shadow: 3px 3px 5px #888888;
p1adding: 6px 7px 6px 10px;
vertical-align:top;
float:right;
width: 289px;
h1eight: 170px;
}

.contact_form {
b1ackground: #0099FF;
float: left;
width: 290px;
p1adding: 0;
p1adding: 5px 5px 5px 5px;
margin: 0 0px 0 0px;
}
.contact_right {
b1ackground: #0000AA;
float: left;
width: 630px;
p1adding: 5px 5px 5px 5px;
margin: 0px 30px 0px 0px;
}
.contact_right img{
f1loat: left;
margin: 1px;
w1idth:50px;
}

.contact_nie1uwsbrief {
float: left;
m1argin: 5px 0px 10px 20px;
}

.contact_nieuwsbrief img {
float: left;
m1argin: 0px 0px 50px 0px;
padding: 10px 20px 0px 0px;
width:60px;
}

.buttonfront {
  c1ursor:pointer;
  m1argin:-150px -20px 0px -15px;
  padding: 0px 0px 0px 0px;
  background-color:#ffffff;
 }
 .bu1ttonfront:hover {
  b1ackground-color:rgba(255,204,0,0.8);
 }

.buttonfront button {
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-style:none;
background-color:#ffffff;
} 
.buttonfront img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-style:none;
width: 13px;
} 


.buttonfrontr {
  color:#08233e;
  font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  font-size:70%;
  padding:1px;
  background:url(overlay.png) repeat-x center #ffff00;
  background-color:rgba(255,204,0,1);
  border:1px solid #ffcc00;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border-bottom:1px solid #9f9f9f;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  cursor:pointer;
  display:inline-block;
  overflow: auto;
  white-space: nowrap;
  margin:100px 0px 0px 0px;
 }



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

    body { font-size: 12pt; }
    div .frontpageblock {
    font-size: 70%;
    height:230px;

    }

div .frontpageblock img {
width:90%;
max-width:95%;
max-height:75px;
h1eight:auto;
w1idth:auto;
}


    }
/* cmsms stylesheet: formcss modified: 10-05-24 01:30:33 */
.contactform{
	width: 100%;
}
.contactform fieldset {
	border: 0px solid #666666;
	padding: 1px;
}

.contactform fieldset .CMSMStextfield label {
width: 10em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}
.contactform div {
padding: 0.25em 0 0.25em 0;
}
.contactform .CMSMStextfield input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 250px;
}
.contactform div.required {
color: #000000;
}
.contactform fieldset .CMSMStextarea label {
width: 10em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}
.contactform .CMSMStextarea textarea {
        height: 6em;
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 520px;
}
.contactform textarea:focus {
	background: #FFFFFF;
}
.contactform .captcha {
	padding-left: 10px;
}
.contactform .captchapict {
	display: block;
	margin: 10px 10px 10px 0px;
}
.contactform .captcha input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 195px;
	margin: 5px 5px 5px 0px;
}

.contactform .input {
width: 200px;
}


.contactform input:focus {
	background: #FFFFFF;
}
.contactform .submit {
	background: #FFFFFF;
        border:1px;
        font-weight: bold;
        width:70px;
        margin: 0px 0px 0px 0x;
}
.contactformR {
	width: 100%;
}
.contactformR fieldset {
	border: 1px solid #666666;
	padding: 12px;
}

.contactformR fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 10px;
	border:1px solid #003300;
	color:#006600;
	font-size:16px;
	text-align:right;
	background: #CCFF99 url(/images/cms/email_sent.gif) no-repeat 2px center;
}
.contactformR div {
padding: 0.25em 0 0.25em 0;
}
div.website, div.website * {
  display: none !important;
}
.contacttekst {
/* Increase the height */
/* height: 100px; /* Adjust this value as needed */
/* Allow vertical scrolling */
overflow-y: auto; /* Add scrollbar if content exceeds height */
}
.contacttekst input[type="text"] {
 height: 6em;
}
/* cmsms stylesheet: cssFontCar modified: 08-10-16 15:09:25 */
.font-size-0 { font-size: 91px; }
.font-size-1 { font-size: 90px; }
.font-size-2 { font-size: 40px; }
.font-size-3 { font-size: 34px; }
.font-size-4 { font-size: 30px; }
.font-size-5 { font-size: 29px; }
.font-size-6 { font-size: 28px; }
.font-size-7 { font-size: 21px; }
.font-size-8 { font-size: 19px; }
.font-size-9 { font-size: 17px; }
.font-size-10 { font-size: 17px; }
.font-size-11 { font-size: 16px; }
.font-size-12 { font-size: 15px; }

@media all and (min-width: 1100px){
.font-size-0{ font-size: 3.1vw; }
.font-size-1{ font-size: 2.9vw; }
.font-size-2{ font-size: 2.4vw; }
.font-size-3{ font-size: 1.95vw; }
.font-size-4{ font-size: 1.8vw; }
.font-size-5{ font-size: 1.7vw; }
.font-size-6{ font-size: 1.55vw; }
.font-size-7{ font-size: 1.3vw; }
.font-size-8{ font-size: 1.23vw; }
.font-size-9{ font-size: 1.15vw; }
.font-size-10{ font-size: 1.05vw; }
.font-size-11{ font-size: 1vw; }
.font-size-12{ font-size: 0.95vw; }
}

@media all and (max-width: 2100px){
.font-size-0 { font-size: 118px; }
.font-size-1 { font-size: 117px; }
.font-size-2 { font-size: 49px; }
.font-size-3 { font-size: 41px; }
.font-size-4 { font-size: 39px; }
.font-size-5 { font-size: 37px; }
.font-size-6 { font-size: 35px; }
.font-size-7 { font-size: 27px; }
.font-size-8 { font-size: 24px; }
.font-size-9 { font-size: 22px; }
.font-size-10 { font-size: 22px; }
.font-size-11 { font-size: 21px; }
.font-size-12 { font-size: 19px; }
}
@media all and (max-width: 2000px){
.font-size-0 { font-size: 113px; }
.font-size-1 { font-size: 112px; }
.font-size-2 { font-size: 47px; }
.font-size-3 { font-size: 39px; }
.font-size-4 { font-size: 37px; }
.font-size-5 { font-size: 35px; }
.font-size-6 { font-size: 33px; }
.font-size-7 { font-size: 26px; }
.font-size-8 { font-size: 23px; }
.font-size-9 { font-size: 22px; }
.font-size-10 { font-size: 22px; }
.font-size-11 { font-size: 20px; }
.font-size-12 { font-size: 18px; }
}
@media all and (max-width: 1900px){
.font-size-0 { font-size: 107px; }
.font-size-1 { font-size: 106px; }
.font-size-2 { font-size: 44px; }
.font-size-3 { font-size: 38px; }
.font-size-4 { font-size: 36px; }
.font-size-5 { font-size: 34px; }
.font-size-6 { font-size: 31px; }
.font-size-7 { font-size: 25px; }
.font-size-8 { font-size: 22px; }
.font-size-9 { font-size: 20px; }
.font-size-10 { font-size: 20px; }
.font-size-11 { font-size: 19px; }
.font-size-12 { font-size: 17px; }
}
@media all and (max-width: 1800px){
.font-size-0 { font-size: 102px; }
.font-size-1 { font-size: 101px; }
.font-size-2 { font-size: 42px; }
.font-size-3 { font-size: 35px; }
.font-size-4 { font-size: 33px; }
.font-size-5 { font-size: 31px; }
.font-size-6 { font-size: 29px; }
.font-size-7 { font-size: 23px; }
.font-size-8 { font-size: 21px; }
.font-size-9 { font-size: 19px; }
.font-size-10 { font-size: 19px; }
.font-size-11 { font-size: 18px; }
.font-size-12 { font-size: 17px; }
}
@media all and (max-width: 1700px){
.font-size-0 { font-size: 96px; }
.font-size-1 { font-size: 95px; }
.font-size-2 { font-size: 39px; }
.font-size-3 { font-size: 33px; }
.font-size-4 { font-size: 31px; }
.font-size-5 { font-size: 29px; }
.font-size-6 { font-size: 27px; }
.font-size-7 { font-size: 22px; }
.font-size-8 { font-size: 20px; }
.font-size-9 { font-size: 18px; }
.font-size-10 { font-size: 18px; }
.font-size-11 { font-size: 17px; }
.font-size-12 { font-size: 16px; }
}
@media all and (max-width: 1600px){
.font-size-0 { font-size: 91px; }
.font-size-1 { font-size: 90px; }
.font-size-2 { font-size: 38px; }
.font-size-3 { font-size: 31px; }
.font-size-4 { font-size: 29px; }
.font-size-5 { font-size: 27px; }
.font-size-6 { font-size: 25px; }
.font-size-7 { font-size: 21px; }
.font-size-8 { font-size: 19px; }
.font-size-9 { font-size: 17px; }
.font-size-10 { font-size: 17px; }
.font-size-11 { font-size: 16px; }
.font-size-12 { font-size: 15px; }
}
@media all and (max-width: 1500px){
.font-size-0 { font-size: 84px; }
.font-size-1 { font-size: 84px; }
.font-size-2 { font-size: 35px; }
.font-size-3 { font-size: 30px; }
.font-size-4 { font-size: 28px; }
.font-size-5 { font-size: 26px; }
.font-size-6 { font-size: 24px; }
.font-size-7 { font-size: 20px; }
.font-size-8 { font-size: 18px; }
.font-size-9 { font-size: 17px; }
.font-size-10 { font-size: 17px; }
.font-size-11 { font-size: 15px; }
.font-size-12 { font-size: 14px; }
}
@media all and (max-width: 1400px){
.font-size-0 { font-size: 78px; }
.font-size-1 { font-size: 78px; }
.font-size-2 { font-size: 33px; }
.font-size-3 { font-size: 27px; }
.font-size-4 { font-size: 25px; }
.font-size-5 { font-size: 23px; }
.font-size-6 { font-size: 21px; }
.font-size-7 { font-size: 18px; }
.font-size-8 { font-size: 17px; }
.font-size-9 { font-size: 15px; }
.font-size-10 { font-size: 15px; }
.font-size-11 { font-size: 14px; }
.font-size-12 { font-size: 13px; }
}
@media all and (max-width: 1300px){
.font-size-0 { font-size: 72px; }
.font-size-1 { font-size: 72px; }
.font-size-2 { font-size: 31px; }
.font-size-3 { font-size: 25px; }
.font-size-4 { font-size: 23px; }
.font-size-5 { font-size: 21px; }
.font-size-6 { font-size: 19px; }
.font-size-7 { font-size: 17px; }
.font-size-8 { font-size: 16px; }
.font-size-9 { font-size: 14px; }
.font-size-10 { font-size: 14px; }
.font-size-11 { font-size: 13px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 1200px){
.font-size-0 { font-size: 67px; }
.font-size-1 { font-size: 66px; }
.font-size-2 { font-size: 28px; }
.font-size-3 { font-size: 24px; }
.font-size-4 { font-size: 22px; }
.font-size-5 { font-size: 20px; }
.font-size-6 { font-size: 18px; }
.font-size-7 { font-size: 16px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 13px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 1100px){
.font-size-0 { font-size: 61px; }
.font-size-1 { font-size: 60px; }
.font-size-2 { font-size: 26px; }
.font-size-3 { font-size: 24px; }
.font-size-4 { font-size: 22px; }
.font-size-5 { font-size: 20px; }
.font-size-6 { font-size: 18px; }
.font-size-7 { font-size: 16px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 1000px){
.font-size-0 { font-size: 56px; }
.font-size-1 { font-size: 55px; }
.font-size-2 { font-size: 26px; }
.font-size-3 { font-size: 24px; }
.font-size-4 { font-size: 22px; }
.font-size-5 { font-size: 20px; }
.font-size-6 { font-size: 17px; }
.font-size-7 { font-size: 15px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 900px){
.font-size-0 { font-size: 49px; }
.font-size-1 { font-size: 48px; }
.font-size-2 { font-size: 25px; }
.font-size-3 { font-size: 23px; }
.font-size-4 { font-size: 21px; }
.font-size-5 { font-size: 19px; }
.font-size-6 { font-size: 17px; }
.font-size-7 { font-size: 15px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 800px){
.font-size-0 { font-size: 45px; }
.font-size-1 { font-size: 44px; }
.font-size-2 { font-size: 25px; }
.font-size-3 { font-size: 23px; }
.font-size-4 { font-size: 20px; }
.font-size-5 { font-size: 18px; }
.font-size-6 { font-size: 16px; }
.font-size-7 { font-size: 15px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 700px){
.font-size-0 { font-size: 39px; }
.font-size-1 { font-size: 38px; }
.font-size-2 { font-size: 22px; }
.font-size-3 { font-size: 20px; }
.font-size-4 { font-size: 18px; }
.font-size-5 { font-size: 16px; }
.font-size-6 { font-size: 14px; }
.font-size-7 { font-size: 13px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 600px){
.font-size-0 { font-size: 33px; }
.font-size-1 { font-size: 32px; }
.font-size-2 { font-size: 20px; }
.font-size-3 { font-size: 18px; }
.font-size-4 { font-size: 16px; }
.font-size-5 { font-size: 14px; }
.font-size-6 { font-size: 13px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 500px){
.font-size-0 { font-size: 28px; }
.font-size-1 { font-size: 27px; }
.font-size-2 { font-size: 19px; }
.font-size-3 { font-size: 17px; }
.font-size-4 { font-size: 15px; }
.font-size-5 { font-size: 13px; }
.font-size-6 { font-size: 12px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 400px){
.font-size-0 { font-size: 21px; }
.font-size-1 { font-size: 20px; }
.font-size-2 { font-size: 18px; }
.font-size-3 { font-size: 16px; }
.font-size-4 { font-size: 15px; }
.font-size-5 { font-size: 14px; }
.font-size-6 { font-size: 13px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 300px){
.font-size-0 { font-size: 16px; }
.font-size-1 { font-size: 15px; }
.font-size-2 { font-size: 14px; }
.font-size-3 { font-size: 13px; }
.font-size-4 { font-size: 12px; }
.font-size-5 { font-size: 12px; }
.font-size-6 { font-size: 12px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}