/*Media Queries*/

/*Minature Cellphone!*/




/*Very Small Cellphone*/

@media only screen and (min-width:0px) and (max-width:359px) {
  #homeHero h1, #homeHero h2, #homeHero h3, #number, #covid, #footer li a, #phoneicon, #mainpic, nav ul  {display:none;} 
  
  nav select {
             display:inline-block;
             margin:0 auto;
             text-align:center;
             margin-top:86%;
             font-size:96%}
  
  #altpic {display:block}

  body {width:359px;}

  #container {width:359px;} 
  

  .textcontent {
               width:100%;
               float:none;
               margin-bottom:1%;} 
  
  .sidebar {
           width:100%;
           float:left;
           margin-bottom:-50%}
  
  
  #homeHero {
            width:100%;
            height:auto;
            margin-top:50%}

  header {margin-top:1%} 
  
  
  .logo {
        margin-top:3%;
        margin-right:-65%;
        margin-left:3%;}
  
  
  .sidebar h4  {
               margin-top:-33%;
               margin-left:14%;
               font-size:180%;
               margin-bottom:-1%}
   
  
  .sidebar h5  {
               margin-left:14%;
               font-size:180%;
               padding-bottom:5%;}
  
  #homeHero p {
              margin-left:15%;
              font-size:110%; 
              max-width:75%;
              padding-bottom:5%;}
  
  
  #cta {
       margin-top:0.5%;
       margin-right:35%;
       margin-bottom:9%;
       width:30%;
       font-size:90%} 
    
  #covid {margin-left:10%}
 
  #footer p {font-size:100%;}

}
 




/*Cellphone 360 x 640*/
@media only screen and (min-width:360px) and (max-width:413px) {
 
  #homeHero h1, #homeHero h2, #homeHero h3, #number, #footer li a, #phoneicon, #mainpic, nav ul {display:none;}  

  nav select {
              display:inline-block;
              text-align:center;
              margin-top:82%;
              font-size:98%;}
              

  #container {width:360px;} 
  
 
  .textcontent {
               width:100%;
               float:none;
               margin-bottom:1%}
  
  .sidebar {
           width:100%;
           float:left;
           margin-bottom:-50%}
  
  
  #homeHero {
            width:100%;
            height:auto;
            margin-top:50%}

  #altpic {display:block}

  header {margin-top:1%}
  
  
  .logo {
        margin-top:1%;
        margin-right:-61%;}
  
  
  .sidebar h4  {
     margin-top:-34%;
     margin-left:16%;
     font-size:185%;
     text-shadow: 4px 2px  #0D0D0D;}
   
  
  .sidebar h5  {
     margin-left:16%;
     font-size:185%;
     padding-bottom:4%;
     text-shadow: 4px 2px  #0D0D0D;               
  }
  
  #homeHero p {
              font-size:100%; 
              max-width:70%;
              padding-bottom:5%;
              margin-left:17%;}
  
  
  #cta {
    margin-top:0.5%;
    margin-right:15%;
    margin-bottom:10%;
    width:22%;
    font-size:80%} 
    
  #covid {
         margin-left:15%}
         
  #footer { 
          margin-bottom:1%;}

  #footer p {
            margin:0 auto;
            text-align:center;
            font-size:100%} 
}





/*Cellphone 414 x 896*/
@media only screen and (min-width:414px) and (max-width:479px) {

#homeHero h1, #homeHero h2, #homeHero h3, #number, #footer li a, #phoneicon, #mainpic, nav ul {display:none;} 

nav select {
            display:inline-block;
            text-align:center;
            margin-top:76%;
            margin-right:5%;
            font-size:105%;} 
            

header {margin-top:1%}

#container {width:414px;}

.textcontent {
             width:100%;
             float:none;
             margin-bottom:0.6%}

.sidebar {
         width:100%;
         float:left;
         margin-bottom:-50%}


#homeHero {
          width:100%;
          height:auto;
          margin-top:45%;}

#altpic {display:block}


.logo {margin-right:-42%;}


.sidebar h4  {
              margin-top:-33%;
              margin-left:15%;
              font-size:220%;}
 

.sidebar h5  {
   margin-left:15%; 
   font-size:220%;
   padding-bottom:8%;}

#homeHero p {
            font-size:118%; 
            margin-left:15%;
            width:70%;
            padding-bottom:5%;}

#cta {
  margin-top:1%;
  margin-right:15%;
  margin-bottom:7%;
  width:21%;
  font-size:90%}  

  #covid {
         margin-left:15%;
         margin-top:3.5% }

  #footer p {margin:0 auto;
             text-align:center;
             font-size:106%} 

}                      
                  
   
/*iPADS*/
@media only screen and (min-width:480px) and (max-width:767px){
  #homeHero h1, #homeHero h2, #homeHero h3, #number, #footer li a, #mainpic, #phoneicon, nav ul {display:none}

nav select {display:inline-block;
            margin-top:72%;
            margin-left:-39%;            
            font-size:110%;}

#container {width:480px;}

header {margin-top:0.5%}

.textcontent {
             width:100%;
             float:none;
             margin-bottom:0.8%;}

.sidebar {
          width:100%;
          float:left;
          margin-bottom: -50%}
          
#homeHero {
          width:100%;
          height:auto;
          margin-top:54%}
 
#altpic {display:block;}

.logo {
       width:110%;
       height:110%;
       object-fit:contain;
       margin-top:-1.8%;
       margin-left:0%;
       margin-right:-25%;}

 
 #homeHero p {
             margin-left:16%;
             font-size:160%; 
             max-width:70%;
             padding-bottom:5%;}

 #cta {
      margin-top:0%;
      margin-right:13%;
      margin-bottom:9%;
      width:22%;
      font-size:115%}  

  .sidebar h4  {
    margin-top:-32%;
    margin-left:15%;
    margin-bottom:-2%;
    font-size:260%;}

    
  .sidebar h5  {
    margin-left:15%;
    font-size:260%;}

  
  #covid {margin-left:16%}
  

}                      




/*Small Screens*/
@media only screen and (min-width:768px) and (max-width:1024px) {
#footer p,  #homeHero h1, #homeHero h2, #homeHero h3, #mainpic {display:none}
 
nav ul li a {font-size:110%;} 

.logo {margin-right:-28%}
           
#container  {width:768px}

header {margin-top:0.5%}

#altpic {display:block;}

.textcontent {
  width:100%;
  float:none;
  margin-bottom:0.5%}

#homeHero {margin-top:8%;}

.sidebar {
width:100%;
float:left;
margin-bottom:-5%}


.sidebar h4  {
             margin-top:-34%;
             margin-left:12%;
             font-size:420%;}

.sidebar h5 {
            margin-left:12%;
            font-size:420%;
            margin-bottom:1%;}

 
 #homeHero p {
             font-size:160%;
             margin-left:13%; 
             line-height:130%;
             max-width:75%;}


#cta {
     margin-top:4%;
     margin-bottom:6%;
     width:18%;
     margin-right:12%}

#covid {
       margin-top:5%;
       margin-left:13%}

#phoneicon {padding-left:5%;
           }

#number {font-size:90%;}
       
#footer li a {margin-right:-1%;padding-right:0%; font-size:70%;}
                   
} 
                   
 


/*Large Screens*/
@media only screen and (min-width:1025px) and (max-width:1139px){
 
#footer p, .sidebar h4, .sidebar h5 {display:none}

header {margin-top:0.5%}

#container  {width:1025px}

#mainpic {width:120%}
.textcontent {margin-bottom:0.5%}

 .logo {padding-right:19%;}
 
 #homeHero {height:100%}
 
 #homeHero h1{margin-left:18%; margin-top:12%}
   
 #homeHero h2 {
              margin-left:17%;
              max-width:100%;}
 
  #homeHero h3  {
                 margin-left:17%;
                 max-width:100%;
                 margin-bottom:-0.3%;}
   
  #homeHero p {
              margin-left:18%; 
              max-width:68%;}
 
 #phoneicon {
             margin-left:-7%;
             margin-top:5%;}

 #cta {
      width:23%; 
      margin-right:19%; 
      margin-top:4%; 
      margin-bottom:10%; }

 #covid {
        margin-top:6.5%;
        margin-left:18%;}
 
 #number {font-size:90%;}
        
 #footer li a {font-size:79%;}
                    

}
  
                     
/*Extra Large Screens*/

@media only screen and (min-width:1140px) {
   #footer p, .sidebar h4, .sidebar h5 {display:none}  
 }