html {font-size: 62.5%;}
*{
   box-sizing: border-box;
   margin:0;
   padding:0;
}
body{
   background:#fff;
}
h1{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 100;
   font-style: normal;
   font-size: 3.6rem;
   line-height: 1em;
   color:#fff;
   margin:0;
   text-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
h2{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 100;
   font-style: normal;
   font-size: 2.8rem;
   line-height: 1.2em;
   color:#003a5d;
}
h3{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 2.2rem;
   line-height:1em;
   color:#fff;
}
h4{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 1.8rem;
   line-height: 1.2em;
   color:#b2d235;
}
h5{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 3.8rem;
   line-height: 1.2em;
   color:#fff;
}
p{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1.6rem;
   line-height:1.4em;
   color:#252525;
}
sup{
   font-size:6px;
   line-height: 1em;
}
.container{
   display:block;
   max-width:1120px;
   margin:0 auto;
   padding:0 40px;
}
.btn{
   display: inline-block;
   text-decoration:none;
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 1.8rem;
   line-height: 1em;
   text-transform: uppercase;
   padding:15px 15px 13px 15px;;
   border-radius: 5px;
   transition:background .1s linear;
   border:none; 
}
.green,
.green2{
   background:#b2d235e6;
   color:#003a5d;
}
.green:hover{
   background:#fff;
}
.blue{
   background:#003a5d;
   color:#b2d235;
}
.blue:hover{
   background:#b2d235;
   color:#003a5d;
}
.green2:hover{
   background:#003a5d;
   color:#fff;
}

/* 
###########
   HOME
###########
*/

/* HERO */
.hero{
   height:380px;
   overflow:auto;
   position:relative;
}
.hero .group{
   max-width:525px;
   margin:40px 0 0;
}
.cl_logo img{
   width:100%;
}
.cl_logo{
   display:block;
   max-width:227px;
}
.line{
   height:1px;
   width:100%;
   background:#b2d235;
   margin: 10px 0;
}
.slide{
   position: absolute;
   top:0;right:0;left:0;bottom:0;
   opacity:0;
   transition: opacity 1s linear;
   z-index: -1;
}
.slide.current {
   opacity: 1;
}
.slide:nth-child(1){background: url(../images/hero_1.jpg) center center / cover no-repeat;}
.slide:nth-child(2){background: url(../images/hero_2.jpg) center center / cover no-repeat;}
.slide:nth-child(3){background: url(../images/hero_3.jpg) left center / cover no-repeat;}


/* COVERAGE */
.coverage{
   border-top: 10px solid #b2d235;
   border-bottom: 10px solid #b2d235;
}
.coverage .group{
   display:flex;
   justify-content: space-around;
   max-width:1000px;
   margin:0 auto;
}
.map{
   position: relative;
   flex:7;
}
.map::before{
   content: "";
   position:absolute;
   right:0;
   top:0;
   width:65vw;
   height:100%;
   background: url(../images/map.jpg) center center / cover no-repeat;
}
.coverage .text{
   flex:5;
   padding: 30px;
   max-width: 380px;
   margin:0 auto 0 0;
}
.coverage p,
.coverage h2{
   padding:0 0 10px 0;
}
.coverage p.data-disclaimer{
   font-size:.9rem;
   line-height:1.4em;
   font-style: italic;
}
@media only screen and (max-width: 640px) {
   .map{
      display:block;
      width:100%;
      height:250px;
      flex:none;
   }
   .map::before{
      width:100%;
      height:100%;
   }
   .coverage .group{
      flex-direction: column;
   }
   .coverage .text{
      flex:5;
      padding: 30px;
      max-width: 100%;
      margin:0;
   }
}

/* DEVICES */
.devices{
   background: #003a5d;
   padding: 40px 0;
}
.devices h2{
   font-size:4rem;
   color:#fff;
   max-width:650px;
   padding:0 0 20px 0;
}
.devices h3{
   padding:0 0 50px 0;
}
.devices .group{
   display:flex;
   justify-content: space-between;
   margin:0 0 60px 0;
}
.devices h4{
   padding: 0 0 20px;
}
.devices h5{
   padding:0 0 10px 0;
}
.devices p{
   color:#fff;
   padding:0 0 30px 0;
}
.device{
   display:flex;
   align-items: center;
}
.samsung .device{
   max-width:430px;
   margin:-30px 0 -30px -10px;
   flex:5;
}
.samsung .text{
   flex:7;
   margin: auto 0;
}
.franklyn .device{
   max-width:445px;
   margin: 0 -40px 0 0;
   flex:6;
}
.franklyn .text{
   flex:6;
   margin: auto 0;
   padding:0 30px 0 0;
}
.sonim .device{
   max-width:368px;
   margin:-30px 20px -30px -40px;
   flex:4;
}
.sonim .text{
   flex:8;
   margin: auto 0;
}

@media only screen and (max-width: 720px) {
   .devices{
      padding:40px 0 20px;
   }
   .devices .group{
      flex-direction: column;
      margin:0 0 30px 0;
   }
   .devices .group:nth-child(even){
      flex-direction: column-reverse;
      padding: 10px 0 30px;
      border-top:1px solid rgba(255, 255, 255, .2);
      border-bottom:1px solid rgba(255, 255, 255, .2);
   }
   .samsung .device,
   .franklyn .device{
      width:200px;
      margin:0 0 0 -8px;
      flex:none;
   }
   .sonim .device{
      width:150px;
      margin:-20px 0 0 -15px;
      flex:none;
   }
   .devices h3{
      padding:0 0 20px 0;
   }
   .franklyn .text{
      padding:0;
   }

}

/* CTAS */
.ctas{
   display:flex;
   max-width:1000px;
   margin:0 auto;
   padding:0 40px;
}
.ctas .group{
   flex:1;
}
.ctas .image{
   height: 250px;
   position:relative;
}
.ctas .text {
   position: relative;
}
.ready .image::before{
   content:"";
   position:absolute;
   right:0;
   top:0;
   width:50vw;
   height:100%;
   background: url(../images/ready.jpg) center center / cover no-repeat;
}
.ready .text{
   padding:30px 40px 30px 0;
}
.ready .text::before{
   content:"";
   position:absolute;
   right:0;
   top:0;
   width:50vw;
   height:120%;
   background:#e6e7e8;
   z-index: -1;
}
.connected .image::before{
   content:"";
   position:absolute;
   left:0;
   top:0;
   width:50vw;
   height:100%;
   background: url(../images/connected.jpg) center center / cover no-repeat;
}
.connected .text{
   padding:30px 0 30px 40px;
}
.connected .text::before{
   content:"";
   position:absolute;
   left:0;
   top:0;
   width:50vw;
   height:120%;
   background:#d9d9d9;
   z-index: -1;
}
.ctas h4{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 100;
   font-style: normal;
   font-size: 2.8rem;
   line-height:1em;
   color:#003a5d;
   padding:0 0 10px 0;
}
.ctas p{
   padding:0 0 20px 0;
}
@media only screen and (max-width: 600px) {
   .ctas{
      flex-direction: column;
      padding:0;
   }
   .ctas .group{
      flex:none;
   }
   .ready .image::before,
   .connected .image::before{
      width:100%;
      height:250px;
   }
   .ready .text::before,
   .connected .text::before{
      width:100%;
      height:100%;
   }
   .ready .text,
   .connected .text{
      padding:40px;
   }
}

/* PUSH TO TALK */
.ptt{
   background:#fff;
   padding:40px 0 60px 0;
}
.ptt h2{
   font-size:4rem;
   line-height:1em;
   text-align:center;
   padding:0 0 10px 0;
}
.ptt h3{
   font-size:1.8rem;
   color:#555;
   text-align:center;
   padding:0 0 30px 0;
}
.ptt h4{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 100;
   font-style: normal;
   font-size:2.8rem;
   line-height:1.2em;
   color:#555;
   padding:0 0 10px 0;
}
.ptt .group{
   display:flex;
}
.ptt .text{
   flex:1;
}
.vert_line{
   display:block;
   width:2px;
   height:auto;
   background:#b2d235;
   margin:0 20px;
}
.ptt table{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1.6rem;
   line-height:1em;
   color:#fff;
   margin: 60px 0 0 0;
   width:100%;
   border:0;
   border-spacing: 0;
}
.ptt td{
   border:0;
   padding:10px 20px;
   color:#003a5d;
}
.ptt thead tr td{
   background:#003a5d;
   color:#fff;
   font-size:2.2rem;
   line-height:1em;
}
.ptt tr:nth-child(odd){
   background:#f5f5f4;
}
.ptt tr td{
   text-align:center;
}
.ptt tr td:first-of-type{
   text-align:left;
}
@media only screen and (max-width: 600px) {
   .ptt .group{
      flex-direction: column;
   }
   .vert_line{
      display:none;
   }
   .ptt .text{
      flex:none;
   }
   .ptt .text:nth-child(1){
      margin:0 0 30px 0;
   }
   .ptt table img{width:20px; height:auto;}
   .ptt td{padding:10px;}
   .ptt table{display:absolute;}
}


/* 
###########
   BEFORE THE CALL
###########
*/

/* HERO */
.btc_hero{
   background: url(../images/hero_btc.jpg) center center / cover no-repeat;
   overflow: hidden;
}
.btc_hero .text{
   width:50%;
   padding:70px 40px 70px 0;
   position:relative;
   z-index:1;
}
.btc_hero .text::after{
   content: "";
   position:absolute;
   top:0;
   right:0;
   width:200%;
   height:100%;
   background: rgba(255, 255, 255, .8);
   z-index: -1;
   backdrop-filter: blur(5px);
}
.btc_hero h1{
   text-shadow: none;
   color: #003a5d;
}
.btc_hero p{
   font-size:2rem;
}
@media only screen and (max-width: 700px) {
   .btc_hero{
      padding:250px 0 0 0;
      background-size: auto 125%;
      background-position: right -140px top -120px;
   }
   .btc_hero .text{
      width:100%;
      padding:40px 0;
   }
   .btc_hero .text::after{
      right:-40px;
   }
}

/* SUCCESS STORIES */
.success{
   background:#1e1e1e;
   padding:40px 0;
   border-top: 10px solid #b2d235;
   border-bottom: 10px solid #b2d235;
   text-align:center;
}
.success .text{
   max-width:630px;
   margin:0 auto;
}
.success .text h2{
   padding:0 0 10px 0;
   font-size:3.6rem;
}
.success .text p{
   font-size: 2rem;
}


/* SLIDER */
.btc_slider .text h3{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 100;
   font-style: normal;
   font-size:2.4rem;
}
.btc_slider .text h4{
   font-family: Bitter, serif;
   font-weight: 400;
   font-style: normal;
   font-size:2rem;
   color:#fff;
   padding:0 0 10px 0;
}
.btc_slider .text p{
   font-size:1.4rem;
   color:#fff;
   padding:0 0 15px 0;
}
.btc_slider .text q{
   font-family: Bitter, serif;
   font-style: italic;
   font-size:2.4rem;
   line-height: 1.3em;
   color:#b2d235;
}
.btc_slider {
   width:100%;
   overflow: hidden;
   position:relative;
   display:block;
   background:#003a5d;
 }
.btc_slide {
   display:flex;
   position:absolute;
   height:100%;
   width:100%;
   opacity:0;
   transition:opacity .3s linear;
 }
.btc_slide.active{
   position:initial;
   opacity:1;
}
.btc_slide .image{
   flex:6 6 0;
}
.btc_slide .text{
   flex:6 6 0;
   text-align:left;
   background:#003a5d;
   transform: translateX(100%);
   transition: transform .3s ease-in-out;
}
.btc_slide.active .text{
   transform: translateX(0);
}
.btc_slide .text div{
   padding:40px;
   max-width:500px;
}
.control_container{
   position:absolute;
   width:50%;
   height:100%;
   left:0;
   top:0;
}
.btc_slider .slide-control {
   position: absolute;
   padding:0;
   z-index: 999;
   left: 50%;
   transform:translateX(-50%);
   bottom:20px;
}
.btc_slider .slide-control li {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin:0 2px;
   border-radius:50%;
   background-color: rgba(255, 255, 255, 0.5);
   transform: scale(0.75);
   transition: all 0.35s ease;
   cursor: pointer;
   border: 1px solid rgba(0, 0, 0, .1);
}
.btc_slider .slide-control li.active, .btc_slider .slide-control li:hover {
   background-color: #fff;
   transform: scale(1);
}
.btc_slider .prev,
.btc_slider .next {
   font-size:2rem;
   padding:10px 15px;
   background:rgba(255, 255, 255, .8);
   color:rgba(0, 0, 0, .3);
   display:block;
   transition: background .3s linear;
   position: absolute;
   top:50%;
   transform:translateY(-50%);
   z-index: 999;
   cursor: pointer;
   border:none;
   left:20px;
   border-radius: 5px;
   border: 1px solid rgba(0, 0, 0, .1);
}
.btc_slider .next {
   right: 20px;
   left:auto;
}
.btc_slider .prev:hover,
.btc_slider .next:hover {
   background:rgba(255, 255, 255, 1);
}
.btc_slider .prev:focus,
.btc_slider .next:focus {
   background:rgba(255, 255, 255, 1);
   -webkit-focus-ring-color: auto 1px;
   outline-color: #b2d235;
}
@media only screen and (max-width: 650px) {
   .btc_slide{
      flex-direction: column;
   }
   .btc_slide .image{
      flex:none;
      height:250px;
   }
   .control_container{
      width:100%;
      height:250px;
   }
}

/* BLACK WARRIOR EMC */
.bwemc{
   background:#fff;
   padding:20px 0;
}
.bwemc .group{
   display:flex;
}
.bwemc .text{
   flex:5;
   padding:10px 20px 10px 0;
}
.bwemc h3{
   font-family: jaf-bernina-sans, sans-serif;
   font-style: normal;
   font-size: 3.2rem;
   color:#003a5d;
   padding:0 0 10px 0;
}
.bwemc p{
   font-size:1.8rem;
}
.video{
   flex:7;
}
.video_wrapper {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
 }
 .video_wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 @media only screen and (max-width: 800px) {
   .bwemc .group{
      flex-direction: column;
   }
   .bwemc{
      background:#fff;
      padding:40px 0;
   }
   .bwemc .text{
      flex:none;
      padding:0 0 30px 0;
   }
}


/* NETWORK BENEFITS */

.benefits{
   background:#003a5d;
   padding:40px 0;
   text-align:center;
}
.benefits h2{
   font-size:3.2rem;
   color:#fff;
   padding:0 0 20px 0;
}
.benefits p{
   font-size:1.9rem;
   color:#fff;
   max-width:800px;
   margin:0 auto;
}
.icon_group{
   display: flex;
   margin:75px 0;
}
.icon_group .group:nth-child(2){
   padding:0 30px;
   margin:0 30px;
   border-left: 2px solid #fff;
   border-right: 2px solid #fff;
}
.icon_group .icon{
   height:110px;
   width:100%;
   display:flex;
   align-items: center;
   margin:0 auto 10px auto;
}
.icon_group .shield{ max-width:94px;}
.icon_group .battery{ max-width:104px;}
.icon_group .lock{ max-width:85px;}

.icon_group h3{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size:2.8rem;
   padding:0 0 10px 0;
   color: #fff;
}
.icon_group p{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 300;
   font-style: normal;
   font-size: 1.6rem;
   line-height: 1.3em;
}

@media only screen and (max-width: 673px) {
   .icon_group{
      flex-direction: column;
   }
   .icon_group .group:nth-child(2){
      padding:30px 0;
      margin:0;
      border:none;
   }
   .icon_group p{
      max-width:300px;
   }
}


/* 
###########
   DATA
###########
*/

/* HERO */
.data_hero{
   background:url(../images/hero_data.jpg) center center / cover no-repeat;
   height:365px;
   border-bottom: solid 10px #b2d235;
   max-width:1120px;
   margin:0 auto;
}

/* CONNECTED */
.data_connected{
   overflow:hidden;
}
.data_connected .group{
   display:flex;
}
.data_connected .image{
   flex:4;
   position:relative;
   margin: 0;
}
.data_connected .image::before{
   content: "";
   position:absolute;
   width: 100%;
   height:100%;
   right:0;
   top:0;
   background:url(./images/connected2.jpg) right -50px center / cover no-repeat;
   max-width: 313px;
}
.data_connected .text{
   flex:8;
   padding:70px 40px;
}
.data_connected .text h1{
   color:#003a5d;
   text-shadow: none;
   padding:0 0 10px 0;
   text-align: center;
}

@media only screen and (max-width: 600px) {
   .data_connected .group{
      flex-direction: column-reverse;
   }
   .data_connected .image{
      flex:none;
      height:200px;
   }
   .data_connected .image::before{
      width:120vw;
      background-position: center bottom -20px;
      right:-40px;
      left:-40px;
      max-width: unset;
   }
   .data_connected .text{
      padding:40px 30px;
   }
}

.data_benefits{
   padding:60px 30px;
   margin:0;
}
.data_benefits .icon_group{
   margin:60px 0 0 0;
}
@media only screen and (max-width: 800px) {
   .data_benefits{
      margin:0;
   }
}
/* PLANS */
.data-plans{
   padding:40px 0;
   text-align:center;
}

.data-plans h2{
   font-size:3.2rem;
   text-align:center;
   padding:0 0 40px 0;
}
.plan_group{
   display:flex;
   padding:0 20px 40px 20px;
}
.plan{
   flex:4;
   justify-content: space-between;
}
.plan:nth-child(2){
   margin:0 5%;
}
.data-card{
   background:#a6a6a6;
   padding:25px;
   border:4px solid #b2d235;
   border-radius: 10px;
   min-height:325px;
}
.data-card h3{
   font-size: 1.7rem;
   font-weight: 600;
   padding:0 0 20px 0;
   margin:0 0 20px 0;
   border-bottom: 2px solid #b2d235;
   color: #fff;
}
.data-card .group{
   display:flex;
   justify-content: space-between;
}
.data-card ul, .data-card h4{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 1.4rem;
   line-height: 1.2em;
   list-style: none;
   color: #fff;
   padding:0 0 5px 0;
}
.plan:first-of-type ul, .plan:first-of-type h4{
   color:#003a5d;
}
.plan:nth-child(2) .data-card{
   background:#737373;
}
.plan:nth-child(3) .data-card{
   background:#595959;
}
.data-card li{
   padding:0 0 5px 0;
}
.data-card .fee li{
   font-weight: 400;
   margin-left:10px;
}
.data-disclaimer{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1rem;
   line-height: 1.2em;
   color:#003a5d;
   padding:20px 0 0 0;
}
.plans .btn{
   margin:0 auto;
}

@media only screen and (max-width: 720px) {
   .plans{
      padding: 40px 30px;    
   }
   .plan_group{
      flex-direction: column;
   }
   .plan:nth-child(1){
      margin:0 0 40px 0;
   }
   .plan:nth-child(2){
      margin:0 0 40px 0;
   }
   .card .group{
      justify-content: space-evenly;
   }
   .card h3{
      max-width:400px;
      margin-left: auto;
      margin-right:auto;
   }
   .card{
      min-height:unset;
   }
}

/* APPLICATIONS */
.applications{
   background:#003a5d;
   padding:60px 40px;
   text-align: center;
}
.applications h2 {
   font-size:3.2rem;
   color:#fff;
   max-width:600px;
   margin:0 auto;
   padding:0 0 20px;
}
.applications p{
   color:#fff;
   padding:0 0 40px;
   max-width:700px;
   margin:0 auto;
}
.app h5{
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1.6rem;
   color: #fff;
}
.app_group{
   display:grid;
   gap:40px;
   grid-template-columns:1fr 1fr 1fr 1fr;
   max-width:700px;
   margin:0 auto;
}
.app .icon{
   height:100px;
   position:relative
}
.app .icon img{
   position: absolute;
   bottom:0;
   left:50%;
   transform: translateX(-50%);
   margin:0 0 20px 0;
}
@media only screen and (max-width: 633px) {
   .app_group{
      display:grid;
      gap:40px;
      grid-template-columns:1fr 1fr 1fr;
   }
}
@media only screen and (max-width: 500px) {
   .app_group{
      display:grid;
      gap:40px;
      grid-template-columns:1fr 1fr;
   }
}

/* EQUIPMENT */
.equipment{
   padding:60px 0;
   text-align:center;
}
.equipment h2{
   font-size:3.2rem;
   padding:0 0 20px;
}
.equipment p{
   max-width:700px;
   margin:0 auto;
   padding:0 0 40px 0;
}
.logo_group{
   display:grid;
   gap:40px;
   grid-template-columns:1fr 1fr 1fr 1fr 1fr;
   max-width:700px;
   margin:0 auto 40px auto;
  align-items: center;
}
.logo_group img{
   width:100%;
}

@media only screen and (max-width: 800px) {
   .equipment{
      padding:60px 30px;
   }
   .logo_group{
      display:grid;
      gap:40px;
      grid-template-columns:1fr 1fr 1fr;
   }
}

/* CONTACT */
.contact-us-btn{
   width: 30% !important;
   float: right;
   color: #003a5d !important;
}
input{
   outline-color: #b2d235;
   border-radius: 5px;
} 
.data .contact-form input {
   font-size: 16px;
}

.contact-form{
   background:#003a5d url(../images/SC_linear_pattern_rgb_dark-blue.jpg) center center / cover no-repeat;
   padding:60px 40px;
}

/* .contact{
   background:#003a5d;
   padding:60px 0;
}
.triangle{
   width:0;
   height:0;
   border-top:0;
   border-left:25px solid rgba(255, 255, 255, 0);
   border-right:25px solid rgba(255, 255, 255, 0);
   border-bottom:25px solid #003a5d;
   margin:0 auto;
}
.contact h2{
   color:#fff;
   text-align:center;
   font-weight:400; 
   padding:0 0 20px 0;
}
form{
   max-width:700px;
   margin:0 auto;
}
form div{
   display:flex;
   gap:20px;
}
form div .col{
   display:flex;
   flex-direction: column;
   flex:1;
}
form input,
textarea{
   padding:15px;
   font-family: jaf-bernina-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1.2rem;
   line-height: 1.2em;
   color:#555;
   border-radius: 3px;
   border:none;
   outline-color: #b2d235;   
}
textarea{
   margin:20px 0;
   width:100%;
}
.contact .btn{
   margin: 0 0 0 auto;
   display: block;
} */

@media only screen and (max-width: 500px) {
   form div{
     flex-direction: column;
   }
}













/* Typography Media Queries */

@media only screen and (max-width: 420px) {
h1{ font-size:2.2rem;}
   h2,
   .devices h2,
   .container h2{font-size:2rem;}
   .ptt h2{font-size:2rem}
   .devices h3{font-size:1.6rem;}
   .devices h5{font-size: 2rem;}
   .devices h2,
   .devices h3{text-align: center;}
   .ctas h4,
   .ptt h4{font-size: 2rem;}
   .btn{font-size:1.4rem}
   .ptt thead tr td,
   .ptt table{font-size:1.2rem}
}
@media only screen and (max-width: 300px) {
      .ptt thead tr td, .ptt table{font-size:1rem}
   }


/* Universal Media Queries */

@media only screen and (max-width: 420px) {
   .container{padding:0 20px;}
   .ready .text, .connected .text{ padding:20px}
   .hero{ height:300px;}
}




























/*
Placeholder Styles (Remove before publishing)
*/
/* .placeholder{
   display:none;
   position:absolute;
   text-align:center;
   width:100%;
   font-size:5vw;
   padding:10px 0;
   color:#fff;
   background:#b2d235e6;
}
nav:hover .placeholder{display:block;}
footer:hover .placeholder{display:block;} */