.content-area {padding-top: 46px;}
.content-area .section {padding: 0 0 46px;}
.section h2 {text-align: center; margin: 0 0 40px; font-size: 60px;}
.section .fbox {justify-content: space-between; border-radius: 16px; overflow: hidden;}
.section .fbox:last-child {margin-top: 40px;}
.section h2 + .fbox {margin-top: 0 !important;}
.section .fbox .tb {}
.section .fbox h3 {font-size: 32px;}
.section:not(#somuchmoresection) .fbox .fitem:first-child {padding: 0 8%;}
.section:not(#somuchmoresection) .fbox .fitem:first-child .tb {max-width: 383px; width: 100%;}
.btnBlackbg h3,
.btnBlackbg p {color: #fff;}
.btnRedbg h3,
.btnRedbg p {color: #fff;}

.fr #masthead-subhead h1 {font-size: 36px;}

.contents .section#mobilesection .fbox .fitem:first-child {order: 2;}
.contents .section#mobilesection .fbox .fitem:last-child {order: 1;}

.contents .section#mobilesection .fbox:first-child {align-items: flex-end;}

.contents .section#mobilesection .fbox:last-child  .fitem:first-child {order: 1;}
.contents .section#mobilesection .fbox:last-child  .fitem:last-child {order: 2; }

.contents .section#internetsection .fbox .fitem:first-child {order: 2;}
.contents .section#internetsection .fbox .fitem:last-child {order: 1;}

.contents .section#tvsection .fbox .fitem:first-child {order: 1;}
.contents .section#tvsection .fbox .fitem:last-child {order: 2; }

.contents .section#benefitssection .fbox .fitem:first-child {order: 2;}
.contents .section#benefitssection .fbox .fitem:last-child {order: 1;}

.contents .section#benefitssection .fbox .fitem:first-child .legal {position: absolute; bottom: 30px;}

.section#somuchmoresection {}
	.section#somuchmoresection .fbox {gap: 24px;}
	.section#somuchmoresection .fitem {border-radius: 16px; flex: 0 1 25%; padding: 0 !Important;}
	.section#somuchmoresection .fitem .tb {width: calc(100% - 64px) !Important; padding: 32px; height: calc(100% - 64px); text-align: center;}
	.section#somuchmoresection .fitem .tb .tr:first-child .tc {vertical-align: top;}
	.section#somuchmoresection .fitem .tb .tr:last-child .tc {vertical-align: bottom;}
	.section#somuchmoresection .fitem h3 {font-size: 22px; font-weight: bold; margin-bottom: 12px;}


@media screen and (min-width:1400px) {

}
@media screen and (max-width:1400px) {

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

}

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

}

@media screen and (max-width:1000px) {
.section:not(#somuchmoresection) .fbox .fitem:first-child {padding: 0 5%;}

}

@media screen and (max-width:900px) {
  .section#somuchmoresection .fbox {flex-flow: row wrap; justify-content: space-around;}
  .section#somuchmoresection .fitem {flex: 0 0 48%;}
  .section:not(#somuchmoresection) .fbox .fitem:first-child .tb {padding: 24px 0; height: calc(100% - 48px);}
  .section:not(#somuchmoresection) .fbox .fitem:first-child .tb {max-width: 630px;}
}

@media screen and (max-width:700px) {
  .section h2 {font-size: 50px;}
  .section#somuchmoresection .fitem {flex: 0 0 45%;}
  .section .fbox h3 {font-size: 26px;}
}

@media screen and (max-width:640px) {
  .contents .section#benefitssection .fbox .fitem:first-child .legal {position: unset; padding-top: 32px;}
  .section:not(#somuchmoresection) .fbox .fitem:first-child .tb {padding: 0; height: 100%;}
  .contents .section:not(#somuchmoresection) .fbox {flex-flow: column wrap;}
  .contents .section:not(#somuchmoresection) .fbox .fitem {padding: 24px;}
  .contents .section:not(#somuchmoresection) .fbox .fitem:first-child {order: 1 !important;}
  .contents .section:not(#somuchmoresection) .fbox .fitem:last-child {order: 2 !important;}
  
  .contents .section:not(#somuchmoresection) .fbox .fitem:last-child {padding-bottom: 0;}
  .contents .section#benefitssection .fbox .fitem:last-child {padding: 0;}
  .contents .section#tvsection .fbox .fitem:last-child {padding: 24px 0 0 24px;}
  .contents .section#internetsection .fbox .fitem:last-child {padding: 24px 24px 0;}
  .contents .section#mobilesection .fbox:last-child .fitem:last-child {padding-bottom: 0;}
  .section#somuchmoresection .fitem {flex: 0 0 auto;}
  .section#somuchmoresection .fitem {width: 60%; margin: 0 16px 16px;}
  .section#somuchmoresection .fbox {
    gap: 0;
    flex-flow: row nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	justify-content: space-between;
	}
	
}

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

}
@media screen and (max-width:640px) and (orientation : landscape) {

}

@media screen and (max-width:480px) {	
  .section h2 {font-size: 40px;}
  .section .fbox h3 {font-size: 26px;}
  .section:not(#somuchmoresection) .fbox .fitem:first-child {padding: 0 3 0px;}
  

}

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

}