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

h2 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 18px;
color : #000000;
letter-spacing: normal;
text-decoration : none;
}

h3 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 45px;
color : #000000;
letter-spacing: normal;
text-decoration : none;
}

h4 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 24px;
color : #000000;
letter-spacing: normal;
text-decoration : none;
}




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

h3 {
font-size : 42px;
}

h4 {
font-size : 20px;
}

}






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

h3 {
font-size : 40px;
}

h4 {
font-size : 18px;
}

}





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

h3 {
font-size : 38px;
}

h4 {
font-size : 16px;
}

}





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

h3 {
font-size : 28px;
}

h4 {
font-size : 15px;
}

}







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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 30px;
}

h4 {
font-size : 17px;
}


}






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


h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 38px;
}

h4 {
font-size : 16px;
}

}






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


h1 {
font-size : 35px;
}

h2 {
font-size : 20px;
}

h3 {
font-size : 38px;
}

h4 {
font-size : 16px;
}

}





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


h1 {
font-size : 35px;
}

h2 {
font-size : 20px;
}

h3 {
font-size : 38px;
}

h4 {
font-size : 16px;
}

}