h1 {
font-family : arial, helvetica, sans-serif;
font-weight : bold;
font-size : 40px;
color : #000000;
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 : #000000;
letter-spacing: normal;
text-decoration : none;
opacity:1.00;
transition:550ms;
}

h3 a {
color : #000000;
opacity:1.00;
transition:550ms;
}

h3 a:hover {
color : #000000;
opacity:0.70;
transition:550ms;
}




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

h1 {
font-size : 36px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 17px;
}

}





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

h1 {
font-size : 32px;
}

h2 {
font-size : 17px;
}

h3 {
font-size : 16px;
}

}





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

h1 {
font-size : 28px;
}

h2 {
font-size : 16px;
}

h3 {
font-size : 15px;
}

}





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

h1 {
font-size : 24px;
}

h2 {
font-size : 14px;
}

h3 {
font-size : 14px;
}

}



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


h1 {
font-size : 32px;
}

h2 {
font-size : 17px;
}

h3 {
font-size : 16px;
}

}





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


h1 {
font-size : 32px;
}

h2 {
font-size : 17px;
}

h3 {
font-size : 16px;
}

}





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


h1 {
font-size : 32px;
}

h2 {
font-size : 17px;
}

h3 {
font-size : 16px;
}

}





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


h1 {
font-size : 32px;
}

h2 {
font-size : 17px;
}

h3 {
font-size : 16px;
}

}