Customizing H1, H2…
/* Desktop */
body {font-size: Xpx;}
@media screen and (min-width: 1025px) {h1 {font-size: 40px;}}
@media screen and (min-width: 1025px) {h2 {font-size: 40px;}}
@media screen and (min-width: 1025px) {h3 {font-size: 40px;}}
@media screen and (min-width: 1025px) {h4 {font-size: 40px;}}
/* Tablet */
@media screen and (max-width: 1024px) and (min-width: 768px) {h1 {font-size: 30px;}}
@media screen and (max-width: 1024px) and (min-width: 768px) {h2 {font-size: 30px;}}
@media screen and (max-width: 1024px) and (min-width: 768px) {h3{font-size: 30px;}}
@media screen and (max-width: 1024px) and (min-width: 768px) {h4{font-size: 30px;}}
/* Mobile */
@media screen and (max-width: 767px) {h1 {font-size: 20px;}}
@media screen and (max-width: 767px) {h2 {font-size: 20px;}}
@media screen and (max-width: 767px) {h3 {font-size: 20px;}}
@media screen and (max-width: 767px) {h4 {font-size: 20px;}}
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
.my_h1{
font-size: 60px!important;
color: rgba(255,255,255,1.00);
font-family: 'Playfair Display', serif;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.3em;
}
.my_h2{
font-size: 50px!important;
line-height: 1.3em;
}
.my_h3{
font-size: 40px!important;
line-height: 1.3em;
}
.my_h4 {
font-size: 25px!important;
line-height: 1.3em;
}
.my_h5 {
font-size: 25px!important;
line-height: 1.3em;
}
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
.my_h1{
font-size: 60px!important;
color: rgba(255,255,255,1.00);
font-family: 'Playfair Display', serif;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.3em;
}
.my_h2{
font-size: 50px!important;
line-height: 1.3em;
}
.my_h3{
font-size: 40px!important;
line-height: 1.3em;
}
.my_h4 {
font-size: 25px!important;
line-height: 1.3em;
}
.my_h5 {
font-size: 25px!important;
line-height: 1.3em;
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}
.my_h1{
font-size: 55px!important;
color: rgba(255,255,255,1.00);
font-family: 'Playfair Display', serif;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.3em;
}
.my_h2{
font-size: 45px!important;
line-height: 1.3em;
}
.my_h3{
font-size: 35px!important;
line-height: 1.3em;
}
.my_h4 {
font-size: 25px!important;
line-height: 1.3em;
}
.my_h5 {
font-size: 25px!important;
line-height: 1.3em;
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}
.my_h1{
font-size: 55px!important;
color: rgba(255,255,255,1.00);
font-family: 'Playfair Display', serif;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.3em;
}
.my_h2{
font-size: 45px!important;
line-height: 1.3em;
}
.my_h3{
font-size: 35px!important;
line-height: 1.3em;
}
.my_h4 {
font-size: 25px!important;
line-height: 1.3em;
}
.my_h5 {
font-size: 25px!important;
line-height: 1.3em;
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
}
.my_h1{
font-size: 55px!important;
color: rgba(255,255,255,1.00);
font-family: 'Playfair Display', serif;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.3em;
}
.my_h2{
font-size: 45px!important;
line-height: 1.3em;
}
.my_h3{
font-size: 35px!important;
line-height: 1.3em;
}
.my_h4 {
font-size: 25px!important;
line-height: 1.3em;
}
.my_h5 {
font-size: 25px!important;
line-height: 1.3em;
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}
.my_h1{
font-size: 55px!important;
color: rgba(255,255,255,1.00);
font-family: 'Playfair Display', serif;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.3em;
}
.my_h2{
font-size: 45px!important;
line-height: 1.3em;
}
.my_h3{
font-size: 35px!important;
line-height: 1.3em;
}
.my_h4 {
font-size: 25px!important;
line-height: 1.3em;
}
.my_h5 {
font-size: 25px!important;
line-height: 1.3em;
}