/* Media Query for Mobile Devices */
        @media (max-width: 480px) {
            h1{
                font-size: 24px;  
                font-weight: 500;              
            }
            h2{
                font-size: 22px;  
                font-weight: 500;              
            }h3{
                font-size: 20px;  
                font-weight: 500;              
            }h4{
                font-size: 18px;  
                font-weight: 500;              
            }h5{
                font-size: 16px;  
                font-weight: 500;              
            }
            p{
                font-size: 14px;
            }
            .banner h1{
                color:black;
                text-transform: uppercase;
            }

            .banner p{
                color:black;
                text-transform: uppercase;
            }
            .header-text h1
            {
                color:black;
                text-transform: uppercase;
            }
            .header-text p
            {
                color:black;
                text-transform: uppercase;
            }
          
           
            .header{
                position: relative;
            }
            .acard
            {
                height: 200px !important;
            }
            
        }
         
        /* Media Query for low resolution  Tablets, Ipads */
        @media (min-width: 481px) and (max-width: 767px) {
            h1{
                font-size: 24px;  
                font-weight: 500;              
            }
            h2{
                font-size: 22px;  
                font-weight: 500;              
            }h3{
                font-size: 20px;  
                font-weight: 500;              
            }h4{
                font-size: 18px;  
                font-weight: 500;              
            }h5{
                font-size: 16px;  
                font-weight: 500;              
            }
            p{
                font-size: 14px;
            }
            .banner h1{
                color:black;
                text-transform: uppercase;
            }
            .banner{
                height:400px !important;
            }
            .banner p{
                color:black;
                text-transform: uppercase;
            }
            .header-text h1
            {
                color:black;
                text-transform: uppercase;
            }
            .header-text p
            {
                color:black;
                text-transform: uppercase;
            }
          
           
            .header{
                position: relative;
            }
            .acard
            {
                height: 200px !important;
            }
        }
         
        /* Media Query for Tablets Ipads portrait mode */
        @media (min-width: 768px) and (max-width: 1024px){
            h1{
                font-size: 30px;  
                font-weight: 500;              
            }
            h2{
                font-size: 26px;  
                font-weight: 500;              
            }h3{
                font-size: 22px;  
                font-weight: 500;              
            }h4{
                font-size: 18px;  
                font-weight: 500;              
            }h5{
                font-size: 18px;  
                font-weight: 500;              
            }
            p{
                font-size: 16px;
            }
            .banner h1{
                color:black;
                text-transform: uppercase;
            }
            .banner p{
                color:black;
                text-transform: uppercase;
            }
            .header-text h1
            {
                color:black;
                text-transform: uppercase;
            }
            .header-text p
            {
                color:black;
                text-transform: uppercase;
            }
          
            .acard
            {
                height: 200px !important;
            }
         
        }
         
        /* Media Query for Laptops and Desktops */
        @media (min-width: 1025px) and (max-width: 1280px){
            h1{
                font-size: 30px;  
                font-weight: 500;              
            }
            h2{
                font-size: 26px;  
                font-weight: 500;              
            }h3{
                font-size: 22px;  
                font-weight: 500;              
            }h4{
                font-size: 18px;  
                font-weight: 500;              
            }h5{
                font-size: 18px;  
                font-weight: 500;              
            }
            p{
                font-size: 16px;
            }
            .banner h1{
                color:black;
                text-transform: uppercase;
            }
            .banner p{
                color:black;
                text-transform: uppercase;
            }
            .header-text h1
            {
                color:black;
                text-transform: uppercase;
            }
            .header-text p
            {
                color:black;
                text-transform: uppercase;
            }
        
            .acard
            {
                height: 200px;
            }
         
        }
         
        /* Media Query for Large screens */
        @media (min-width: 1281px) {
            h1{
                font-size: 30px;  
                font-weight: 500;              
            }
            h2{
                font-size: 26px;  
                font-weight: 500;              
            }h3{
                font-size: 22px;  
                font-weight: 500;              
            }h4{
                font-size: 18px;  
                font-weight: 500;              
            }h5{
                font-size: 18px;  
                font-weight: 500;              
            }
            p{
                font-size: 16px;
            }
            .banner h1{
                color:black;
                text-transform: uppercase;
            }
            .banner p{
                color:black;
                text-transform: uppercase;
            }
            .header-text h1
            {
                color:black;
                text-transform: uppercase;
            }
            .header-text p
            {
                color:black;
                text-transform: uppercase;
            }

            .acard
            {
                height: 200px !important;
            }
        }