h1 {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
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 : 17px;
color : #3c3b3b;
letter-spacing: normal;
text-decoration : none;
}

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






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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 16px;
}

h4 {
font-size : 19px;
}

}





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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 15px;
}

h4 {
font-size : 18px;
}

}





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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 14px;
}

h4 {
font-size : 18px;
}

}





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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 14px;
}

h4 {
font-size : 17px;
}

}




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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}


h3 {
font-size : 14px;
}

h4 {
font-size : 16px;
}

}



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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 13px;
}

h4 {
font-size : 16px;
}

}





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

h1 {
font-size : 32px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 13px;
}

h4 {
font-size : 15px;
}

}





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

h1 {
font-size : 35px;
}

h2 {
font-size : 20px;
}

h3 {
font-size : 18px;
}

h4 {
font-size : 14px;
}

}





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

h1 {
font-size : 35px;
}

h2 {
font-size : 20px;
}

h3 {
font-size : 18px;
}

h4 {
font-size : 14px;
}

}