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

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

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


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


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

h1 {
font-size : 32px;
}

h2 {
font-size : 20px;
}

h3 {
font-size : 27px;
}

h4 {
font-size : 20px;
}



}









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

h1 {
font-size : 30px;
}

h2 {
font-size : 19px;
}

h3 {
font-size : 26px;
}

h4 {
font-size : 19px;
}



}




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

h1 {
font-size : 28px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 24px;
}

h4 {
font-size : 18px;
}


}




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

h1 {
font-size : 26px;
}

h2 {
font-size : 18px;
}

h3 {
font-size : 21px;
}

h4 {
font-size : 17px;
}

}





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

h1 {
font-size : 24px;
}

h2 {
font-size : 17px;
}

h3 {
font-size : 19px;
}

h4 {
font-size : 16px;
}



}



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

h1 {
font-size : 24px;
}

h2 {
font-size : 16px;
}

h3 {
font-size : 19px;
}


}



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


h1 {
font-size : 28px;
}



h2 {
font-size : 16px;
}


h3 {
font-size : 26px;
}

h4 {
font-size : 20px;
}



}




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


h1 {
font-size : 26px;
}



h2 {
font-size : 16px;
}


h3 {
font-size : 24px;
}

h4 {
font-size : 18px;
}



}





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


h1 {
font-size : 24px;
}



h2 {
font-size : 15px;
}


h3 {
font-size : 24px;
}



}