/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	h3.obomne { font-size: 20px; }
	h4.obomne { font-size: 18px; }
    p.yellow { font-size: 22px; line-height: 22px;}
    p.white  { font-size: 22px; line-height: 22px; }
	video.vid { width: 350px; margin: 10px; }
	h1 { font-size: 36px;}
	h1.tit { font-size: 60px;}
   .black-big { font-size: 40px; line-height: 40px; }
    ol { padding-inline-start: 40px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h3.obomne { font-size: 20px; }
	h4.obomne { font-size: 18px; }
    p.yellow { font-size: 22px; line-height: 22px;}
    p.white  { font-size: 22px; line-height: 22px; }
	video.vid { width: 350px; margin: 10px; }
	h1 { font-size: 36px;}
	h1.tit { font-size: 60px;}
   .black-big { font-size: 40px; line-height: 40px; }
    ol { padding-inline-start: 40px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h3.obomne { font-size: 20px; }
	h4.obomne { font-size: 18px; }
    p.yellow { font-size: 20px; line-height: 20px;}
    p.white  { font-size: 20px; line-height: 20px; }
	video.vid { width: 300px; margin: 10px 0 10px 0; }
	h1 { font-size: 32px;}
	h1.tit { font-size: 48px;}
   .black-big { font-size: 32px; line-height: 32px; }
    ol { padding-inline-start: 20px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	h3.obomne { font-size: 18px; }
	h4.obomne { font-size: 16px; }
    p.yellow { font-size: 18px; line-height: 18px;}
    p.white  { font-size: 18px; line-height: 18px; }
	video.vid { width: 300px; margin: 10px 0 10px 0; }
	h1 { font-size: 28px;}
	h1.tit { font-size: 40px;}
   .black-big { font-size: 32px; line-height: 32px; }
    ol { padding-inline-start: 20px; }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
	h3.obomne { font-size: 16px; }
	h4.obomne { font-size: 16px; }
    p.yellow { font-size: 16px; line-height: 16px;}
    p.white  { font-size: 16px; line-height: 16px; }
	video.vid { width: 300px; margin: 10px 0 10px 0; }
	h1 { font-size: 28px;}
	h1.tit { font-size: 40px;}
   .black-big { font-size: 32px; line-height: 32px; }
    ol { padding-inline-start: 20px; }
} 


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}