.arial1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 18px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.arial2 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 16px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.arial3 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 12px;
color : #333333;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.arial4 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 22px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}



.arialn1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 24px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
text-align:left;
}

.arialn2 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 20px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
text-align: justify;
}

.arialn3 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 17px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
text-align:left;
}


.changa1 {
font-family: 'Changa', sans-serif;
font-weight : normal;
font-size : 40px;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}


.changa3 {
font-family: 'Changa', sans-serif;
font-weight : normal;
font-size : 50px;
color : #000000;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}



.slogan1 {
font-family: 'Anton', sans-serif;
font-weight : normal;
font-size : 150px;
color : #ffffff;
letter-spacing: normal;
line-height: 150px;
text-decoration : none;
text-shadow: 3px 3px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-family: 'Anton', sans-serif;
font-weight : normal;
font-size : 130px;
color : #ffffff;
letter-spacing: normal;
line-height: 140px;
text-decoration : none;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}




.phone1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 32px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.phone1 a {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 32px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.phone1 a:hover {
color : #90bfff;
}


.titlefont1 {
font-family: 'Racing Sans One', cursive;
font-weight : normal;
font-size : 70px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.titlefont2 {
font-family: 'Racing Sans One', cursive;
font-weight : normal;
font-size : 51px;
color : #ffffff;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}




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

.changa3 {
font-size : 45px;
line-height: 1.1;
}

.slogan1 {
font-size : 140px;
line-height: 140px;
text-shadow: 3px 3px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 120px;
line-height: 130px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.titlefont1 {
font-size : 65px;
}

}



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

.changa3 {
font-size : 40px;
line-height: 1.1;
}

.slogan1 {
font-size : 130px;
line-height: 130px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 110px;
line-height: 120px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

}




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

.changa3 {
font-size : 38px;
line-height: 1.1;
}

.slogan1 {
font-size : 110px;
line-height: 110px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 90px;
line-height: 100px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

}



@media only screen and (max-width: 1200px) {
 
 .arialn1 {
font-size : 20px;
}

.changa3 {
font-size : 35px;
line-height: 1.1;
}

}



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

.arialn1 {
font-size : 17px;
}

.arialn2 {
font-size : 19px;
}

.arialn3 {
font-size : 16px;
}

.changa1 {
font-size : 36px;
line-height: 1.1;
}

.changa3 {
font-size : 32px;
line-height: 1.1;
}

.slogan1 {
font-size : 90px;
line-height: 90px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 80px;
line-height: 90px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.titlefont1 {
font-size : 60px;
line-height: 1;
}

}





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

.arialn1 {
font-size : 17px;
}

.arialn2 {
font-size : 18px;
}

.arialn3 {
font-size : 15px;
}

.changa1 {
font-size : 35px;
line-height: 1.1;
}

.changa3 {
font-size : 30px;
line-height: 1.1;
}


.slogan1 {
font-size : 85px;
line-height: 85px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 75px;
line-height: 85px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.phone1 {
font-size : 28px;
}

.phone1 a {
font-size : 28px;
}

.titlefont1 {
font-size : 55px;
line-height: 1;
}


}






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

.arialn1 {
font-size : 15px;
}

.arialn2 {
font-size : 17px;
}

.arialn3 {
font-size : 13px;
}

.changa1 {
font-size : 35px;
line-height: 1.1;
}

.slogan1 {
font-size : 80px;
line-height: 80px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 70px;
line-height: 80px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.phone1 {
font-size : 35px;
line-height: 1.6;
}

.phone1 a {
font-size : 35px;
line-height: 1.6;
}

.titlefont1 {
font-size : 50px;
line-height: 1;
}


}



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

.arial1 {
font-size : 18px;
}

.arial2 {
font-size : 17px;
}

.arialn1 {
font-size : 18px;
}

.arialn2 {
font-size : 20px;
}

.arialn3 {
font-size : 16px;
}

.changa1 {
font-size : 38px;
line-height: 1.1;
}

.changa3 {
font-size : 36px;
line-height: 1.1;
}


.slogan1 {
font-size : 65px;
line-height: 65px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 55px;
line-height: 63px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.titlefont1 {
font-size : 45px;
line-height: 1;
}


}




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

.arial1 {
font-size : 22px;
}

.arial2 {
font-size : 16px;
}

.arialn1 {
font-size : 17px;
}

.arialn2 {
font-size : 19px;
}

.arialn3 {
font-size : 15px;
}

.changa1 {
font-size : 35px;
line-height: 1.1;
}

.changa3 {
font-size : 32px;
line-height: 1.1;
}

.slogan1 {
font-size : 55px;
line-height: 55px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 45px;
line-height: 53px;
text-shadow: 1px 1px 2px #000000, 0px 0px 2px #000000;
}

.phone1 {
font-size : 48px;
line-height: 1.6;
}

.phone1 a {
font-size : 48px;
line-height: 1.6;
}

.titlefont1 {
font-size : 40px;
line-height: 1;
}


}





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

.arial1 {
font-size : 20px;
}

.arial2 {
font-size : 14px;
}

.arialn1 {
font-size : 15px;
}

.arialn2 {
font-size : 18px;
}

.arialn3 {
font-size : 14px;
}

.changa1 {
font-size : 32px;
line-height: 1.1;
}

.changa3 {
font-size : 26px;
line-height: 1.1;
}

.slogan1 {
font-size : 48px;
line-height: 48px;
text-shadow: 2px 2px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 40px;
line-height: 48px;
text-shadow: 1px 1px 2px #000000, 0px 0px 2px #000000;
}

.phone1 {
font-size : 40px;
line-height: 1.6;
}

.phone1 a {
font-size : 40px;
line-height: 1.6;
}

.titlefont1 {
font-size : 32px;
line-height: 1;
}

}



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

.arialn1 {
font-size : 14px;
}

.arialn2 {
font-size : 17px;
}

.arialn3 {
font-size : 13px;
}

.changa1 {
font-size : 30px;
line-height: 1.1;
}

.changa3 {
font-size : 24px;
line-height: 1.1;
}

.slogan1 {
font-size : 36px;
line-height: 36px;
text-shadow: 1px 1px 2px #000000, 0px 0px 2px #000000;
}

.slogan2 {
font-size : 28px;
line-height: 35px;
text-shadow: 1px 1px 2px #000000, 0px 0px 2px #000000;
}

.titlefont1 {
font-size : 27px;
line-height: 1;
}

}