.main-section  {
    padding: 1.5rem;
    color: rgba(52, 56, 56, .9);
    font-family: "Ubuntu", sans-serif;
    font-size: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-bottom: 0.57rem;
    font-weight: normal;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3rem 4rem;
    font-family: "Ubuntu", sans-serif;
}

#main-intro {
    font-family: "Ubuntu", sans-serif;
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400 !important;
}

.main-section-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}
.main-section-btns li {
    flex-basis: 50%;
    display: flex;
    flex-direction: row; 
    justify-self: center; 
}

.main-section-btns a {
    margin: 1rem;
    display: inline-block;
    background: rgba(52, 56, 56, .03);
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 2vw; /******min 1000******!!!!!!!!!!!!!!!!!!!!*/
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1.4rem 2rem;
}


.main-section-btns a,
.main-section-btns a:visited, 
.main-section-btns a:hover, 
.main-section-btns a:focus, 
.main-section-btns a:active  {
    color: rgba(52, 56, 56, .98);
}


.main-section h1 {
    text-align: center;
    line-height: 2.4rem;
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}


.main-section-btns a { position: relative;}









@media only screen and (min-width: 1000px) and (max-width: 1099px) {
    
    #main-intro {
        font-size: 1.4rem !important;
        line-height: 2rem !important;
        width: 75% !important;
        padding-top: 1rem !important;
    }

    .main-section-btns {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
}
}
@media only screen and (max-width: 999px) {
    .main-section-btns a:hover,
    .main-section-btns a:focus,
    .main-section-btns a:active {
        color: rgba(21,193,229, .7) !important;
        background: rgba(248,248,250, .2) !important;
    
    }
}

@media only screen and (max-width: 1099px) {
   
    .main-section {
        padding-left: .5rem;
        padding-right: .5rem;
        padding-bottom: .3rem;
        background-color: rgba(248,248,250, .95);
        padding-top: 2rem;
      
    }

    #main-intro {
        width: 90%;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 2rem;
        padding-bottom: .9rem;
        padding-top: .2rem;
        padding-bottom: .2rem;
    }   

    .main-section h1 {
        line-height: 2rem;
        font-weight: 600;
        font-size: 1.6rem;
    }

    .main-section-btns { 
        margin-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-bottom: 1.8rem;
    }

    .main-section-btns a,
    .main-section-btns a:visited {
            padding: 1.9rem;
            margin: 1rem;
            background: rgba(52, 56, 56, .015);    
            margin-left: 1.8rem;       
            margin-bottom: 2rem; 
            padding: 2rem;
            color: rgba(52, 56, 56, .95);
            margin-bottom: 1rem; 
          
    }

}




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

    .main-section-btns #main-business a  {
        background: rgba(52,56,56, .02);
          padding-left: 2.35rem;
          padding-right: 2.35rem;
    }

    .main-section-btns #main-export a {
        background: rgba(52,56,56, .02); 
    }
   
}




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

    .main-section-btns #main-business a h1 { 
        text-align: center; 
        font-family: "Ubuntu", sans-serif;  
        opacity: 1;
        font-weight: 600 !important;
        color: rgba(52,56,56, .95);
    }

    .main-section-btns #main-export a h1 {  
        text-align: center; 
        font-family: "Ubuntu", sans-serif; 
        opacity: 1;
        font-weight: 600 !important;
        color: rgba(52,56,56, .95);
    }
    

    .main-section-btns #main-business a  {
        background: transparent;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        background: transparent;
        
        background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .8)), to(rgba(248, 250, 250, .1)) ) !important;
        background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
        background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
        background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
        background-image: linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
      }

    .main-section-btns #main-export a {
        width: 100%; 
        background: transparent;
        margin-left: 0;
        margin-right: 0;
        background: transparent;
        background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .1)), to(rgba(248, 250, 250, .8)) ) !important;
        background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        background-image: linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        margin-bottom: 3rem;
    }

    .main-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-section-btns {
        width: 100% !important;
    }
    .main-section-btns li {
        width: 100% !important;
    }
    

    .main-section-btns  a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
   

    .main-section {
        background-image: none;
        background: rgba(248,248,250, 1);
    }

    .main-section-btns {padding: 0 !important;
    padding-top: .9rem !important; padding-bottom: .5rem !important; }

    #main-intro { 
        font-size: 1rem !important; 
        line-height: 1.9rem !important;
        text-align: center !important; 
        padding-left: .5rem; 
        padding-right: .5rem;
       /* color: rgb(21,193,229); */
    }

    .main-section {padding-top: 2rem !important;} 
    
    .main-section-btns a, .main-section-btns a:visited {
        color: rgba(52, 56, 56, .65); 
    }

}


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



    .main-section-btns #main-business a h1,
    .main-section-btns #main-export a h1 { 
        text-align: center; 
        font-size: 1.6rem; 
        line-height: 2.3rem;
        font-family: "Ubuntu", sans-serif;  
        opacity: 1;
        font-weight: 600 !important;
        color: rgba(52,56,56, .95);
    }

    
 
    

    .main-section-btns #main-business a  {
        background: transparent;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        background: transparent;
        background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .8)), to(rgba(248, 250, 250, .1)) ) !important;
        background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
        background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
        background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
        background-image: linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .1) ) !important;
      }

    .main-section-btns #main-export a {
        width: 100%; 
        background: transparent;
        margin-left: 0;
        margin-right: 0;
        background: transparent;
        background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .1)), to(rgba(248, 250, 250, .8)) ) !important;
        background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        background-image: linear-gradient( to right, rgba(248, 250, 250, .1), rgba(248, 250, 250, .8) ) !important;
        margin-bottom: 3rem;
    }

    .main-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-section-btns {
        width: 100% !important;
    }
    .main-section-btns li {
        width: 100% !important;
    }
    

    .main-section-btns  a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 1.2rem;
        padding-bottom: 1.4rem;
    }
   

    .main-section {
        background-image: none;
        background: rgba(248,248,250, 1);
    }

    .main-section-btns {padding: 0 !important;
    padding-top: .9rem !important; padding-bottom: .5rem !important; }

    #main-intro { 
        font-size: 1rem !important; 
        line-height: 1.9rem !important;
        text-align: center !important; 
        padding-left: .5rem; 
        padding-right: .5rem;
    }

    .main-section {padding-top: 2rem !important;} 
    
    .main-section-btns a, .main-section-btns a:visited {
        color: rgba(52, 56, 56, .65); 
    }  
}


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

  
    .main-section-btns #main-business a h1, 
    .main-section-btns #main-export a h1 { 
        text-align: center; 
        font-size: 1.4rem; 
        font-family: "Ubuntu", sans-serif; 
    }

    .main-section-btns #main-export a {
        margin-bottom: 3rem; }

    #main-intro { 
        font-size: .95rem !important; 
        line-height: 1.6rem !important;
        text-align: center !important; 
      }


    .main-section-btns #main-export a h1,
    .main-section-btns #main-business a h1 { 
        font-weight: 600 !important; }
}


@media only screen and (min-width: 450px) and (max-width: 599px) {
  

    .main-section-btns #main-business a h1,
    .main-section-btns #main-export a h1 { 
        text-align: center; 
        line-height: 2.5rem;
        font-family: "Ubuntu", sans-serif;  
        opacity: 1;
        font-size: 1.8rem;
    }

      .main-section-btns #main-business a  {
        margin: 0;
        margin-top: 1.5rem; 
        margin-bottom: 2.5rem;
  
      }

    .main-section-btns #main-export a {
        margin: 0;
        margin-bottom: 5rem;
    }
   

    .main-section-btns  a {
       
        padding-top: 1.5rem;
        padding-bottom: 1.7rem;
    }

    
    #main-intro { 
        font-size: 1.2rem !important; 
        line-height: 2rem !important;
        text-align: center !important; 
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        width: 85% !important;
      }
}



@media only screen and (min-width: 600px) and (max-width: 999px) {


   

    .main-section-btns #main-business a  {
        margin: 0;
        margin-top: 1.5rem; 
        margin-bottom: 3rem;
  
      }

    .main-section-btns #main-export a {
        margin: 0;
        margin-bottom: 6rem;
    }
   

    .main-section-btns  a {
       
        padding-top: 1.55rem;
        padding-bottom: 1.85rem;
    }

    
    #main-intro { 
        font-size: 1.4rem !important; 
        line-height: 2.2rem !important;
        text-align: center !important; 
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        width: 80% !important;
      }



    .main-section-btns a h1 {
        font-size: 2.1rem;
        line-height: 3rem;
    }

}

@media only screen and (min-width: 750px) and (max-width: 999px) {
    .main-section-btns  a {
       
        padding-top: 2rem;
        padding-bottom: 2.3rem;
    }

    .main-section-btns a h1 {
        font-size: 2.3rem;
        line-height: 3.2rem;
    }
}

  

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

#main-intro {
    width: 60%;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5em;
}

}


@media screen and (min-width: 450px) {
    .mob-space { display: none}
}

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

    .main-section-btns li {
        flex-basis: 50%;
        display: flex;
        flex-direction: row; 
       
    }

    .main-section-btns a {
        margin: 1rem;
        display: inline-block;
        background: rgba(52, 56, 56, .03);
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin: 2vw; /******min 1000******!!!!!!!!!!!!!!!!!!!!*/
        margin-left: 0rem;
        margin-right: 0rem;

        
    }

    .main-section {
        padding-left: 0;
        padding-right: 0; 
        padding-top: 4rem;
        background: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251,252, .98)), to(rgba(72, 75,75, .68)) );
        background-image: -webkit-linear-gradient(rgba(251, 251,252, .98), rgba(72, 75,75, .68) );
        background-image: -moz-linear-gradient(rgba(251, 251,252, .98), rgba(72, 75,75, .68) );
        background-image: -o-linear-gradient(rgba(251, 251,252, .98), rgba(72, 75,75, .68) );
        background-image: linear-gradient(rgba(251, 251,252, .98), rgba(72, 75,75, .68) );
        position: relative;
    }


    .main-section-btns {
        width: 100%; 
        margin-left: 0;
        margin-right: 0; 
        padding-left: 0;
        padding-right: 0; 
        padding-top: 2rem;
        padding-bottom: .9rem;
      
    }
    .main-section h1 {
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 2.4rem
    }

.main-section-btns #main-business a  {
    background: transparent;
   
    
    background: transparent;
    
    background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .8)), to(rgba(248, 250, 250, .05)) ) !important;
    background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .05) ) !important;
    background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .05) ) !important;
    background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .05) ) !important;
    background-image: linear-gradient( to right, rgba(248, 250, 250, .8), rgba(248, 250, 250, .05) ) !important;
    padding-left: 20vw; 
    padding-top: 2rem;
    padding-bottom: 2.3rem;
    padding-top: 3.2em;
    padding-bottom: 3.5em;
    justify-self: right;
    padding-right: 0;
   
  }

.main-section-btns #main-export a {
  
    background: transparent;
    
    background: transparent;
    background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .05)), to(rgba(248, 250, 250, .8)) ) !important;
    background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .05), rgba(248, 250, 250, .8) ) !important;
    background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .05), rgba(248, 250, 250, .8) ) !important;
    background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .05), rgba(248, 250, 250, .8) ) !important;
    background-image: linear-gradient( to right, rgba(248, 250, 250, .05),  rgba(248, 250, 250, .8) ) !important;
    padding-right: 20vw; 
    padding-top: 2rem;
    padding-bottom: 2.3rem;
    padding-top: 3.2em;
    padding-bottom: 3.5em;
    justify-self: left;
    padding-left: 0;
}



.main-section-btns #main-business a:hover  {
    background: transparent;
   
    
    background: transparent;
    
    background-image: -webkit-gradient( linear, left top, right top, from(rgba(21,193,229, .25)), to(rgba(248, 250, 250, .05)) ) !important;
    background-image: -webkit-linear-gradient( to right, rgba(21,193,229, .25), rgba(248, 250, 250, .05) ) !important;
    background-image: -moz-linear-gradient( to right, rgba(21,193,229, .25), rgba(248, 250, 250, .05) ) !important;
    background-image: -o-linear-gradient( to right, rgba(21,193,229, .25), rgba(248, 250, 250, .05) ) !important;
    background-image: linear-gradient( to right, rgba(21,193,229, .25), rgba(248, 250, 250, .05) ) !important;
    
    color: rgba(52,56,56, 1);
   
  }

.main-section-btns #main-export a:hover {
  
    background: transparent;
    
    background: transparent;
    background-image: -webkit-gradient( linear, left top, right top, from(rgba(248, 250, 250, .05)), to(rgba(21,193,229, .25)) ) !important;
    background-image: -webkit-linear-gradient( to right, rgba(248, 250, 250, .05), rgba(21,193,229, .25) ) !important;
    background-image: -moz-linear-gradient( to right, rgba(248, 250, 250, .05), rgba(21,193,229, .25) ) !important;
    background-image: -o-linear-gradient( to right, rgba(248, 250, 250, .05), rgba(21,193,229, .25) ) !important;
    background-image: linear-gradient( to right, rgba(248, 250, 250, .05), rgba(21,193,229, .25) ) !important;
    
    color: rgba(52,56,56, 1)
}
}

@media screen and (min-width: 1200px) {
    .main-section h1 {
        font-size: 1.95rem;
        font-weight: 600;
        line-height: 2.7rem ;
    }
}