@media screen and (max-width: 728px) {
    #text {
        margin-left: 30px;
        margin-right: 30px;
    }

    .flip-card {
        width: 100%;
    }

    #mission {
        margin-left: 10px;
        margin-right: 10px;
        line-height: 1.2;
        font-size: 50px;

    }

    #whyus {
        margin-left: 10px;
        margin-right: 10px;
        line-height: 50.2px;
    }
    .sls101main
{
    font-size: 36px;
      color: #27d1a8;
}
#sls101
{
    font-size: 30px;
}
    

    #it {
        margin-left: 10px;
        margin-right: 10px;
        line-height: 50.2px;
    }

    .btn-5 {
        width: 200px;
         height: 60px;
        line-height: 4px;
    }
    .cta-text
    {
        text-align: left;
    margin-left: 16px;

    }
    .footer-widget-heading 
    {
        margin-top:20px;
        margin-left:-50px;

    }
    #gi
    
    {
        height: 100px;
        margin-top: -75px;
    }



    #like {
        font-size: 10px;
    }


    #getinv {
        font-size: 30px;
    }



    #wh {
        flex-direction: column;
        width: 100%;
    }
    .row
    {margin-left: 2px;}


    #types {
        flex-direction: column;
    }


    #mission2 {
        margin-left: 10px;
        margin-right: 10px;
    }



    #as {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 20px;
    }

    .styled-input {
        width: 100%;
    }

    .submit-btn {
        width: 100%;
        /* float: none; */
        text-align: center;
    }

    #form {
        width: 300px;

    }

    #submitbtn input {
     
        width: 200px;
        background-color: #eeb70c;
        margin-left: 150px;
    }

    .entirec {
        text-align: center;
    }

    .tr 
    {
        font-size: 20px;
    }
    .tr2
    {
        font-size: 26px;
        margin-bottom: -50px;
        color: #4aaf74;
        margin-left: -60px;
        
    }
    .sls101main
    {
        padding-left: 0px;
    }

    #con, #dis 
    {
        width: 100%;
    }

    #joinbuttons 
    {
        margin-left: 50px;
    }
    #contributorpad, #distributorpad
    {
        margin-left: 20px;
        margin-right: 20px;
    }
 #stylinwhy
    {
        margin-left: 10px;
    }
#why h2 
{
    margin-left: 10px;
    margin-right: 10px;
}

#why h1 
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
}
.entirec input, textarea
{
    width: 350px;
}
#cform
{
    width: 350px;
}
#submitbtn 
{
    margin-left: -60px;
}
#total
{
    margin-left: -25px;
}
#humanitarianpic
{
    margin-left: 20px;
}
.entireform
{
    display: block;
}
#contactline
{
margin-top: -10px;
    margin-left: -40px;
}
#picsadinyah
{
    margin-left: 60px;
    border-radius: 5;
}
#split
{
    font-size: 15px;
}
#cop
{
    margin-left: 20px;
}
#refurbish
{
    margin-left: 20px;
    margin-right: 20px;
}
#getinv
{
    font-size: 15px;
}
#members, #items, #childrenhelped
{
    width: 250px;
    border-radius: 20px;
}
#less
{
    font-size: 20px;
}
#tctg
{
    margin-left: -60px;
    font-size: 28px;
}
#non
{
    margin-left: -12px;
    font-size: 25px;
}
#value, #sentence
{
    margin-left: -22px;
    padding-left: 20px;
    padding-right: 20px;
}
#bridge
{
    margin-left: 5px;
}
.whyuscont
{
    display: block;
}
#textmis
{
    font-size: 12px;
    margin-top: 400px;
}
#bridge
{
    height: 50px;
}
#entireimpact
{margin-left: -40px;}

.centered
{
    width: 70%;
}
}




/* !!!!!for about us!!!! */