.one{
        height:800px;
        width:61%;
        margin:auto;
        margin-bottom:50px;


    }
    
    .two{
        float:left;
        height:100%;
        width:100%;
    }
    .three{
        height:100%;
        width:100%;
    }
    
    .four{
        width:100%;
        height:100%;
    }
    
    .five{
        float:left;
        height:100%;
        width:70%;
    }
    
    .six{
        height:100%;
        width:100%;
        padding:30px 30px 30px 30px;
    }
    
    .seven{
        padding:0;
        margin:0;
        font-size:42px;
        height:30%;
    }
    
    .eight{
        font-size:20px;
        height:60%;
    }
    
    .nine{
        color: #e07526 !important;
    font-size:15px;
    }
   
    
    .reverseone{
        height:800px;
        width:61%;
        margin:auto;
        margin-bottom:50px;

    }
    
    .reversetwo{
        float:right;
        height:100%;
        width:100%;
    }
    .reversethree{
        height:100%;
        width:100%;
    }
    
    .reversefour{
                 width:100%;
        height:100%;
    }
    
    .reversefive{
        float:left;
        height:100%;
        width:70%;
        
    }
    
    .reversesix{
        height:100%;
        width:80%;
        padding:30px 30px 30px 60px;
    }
    
    .reverseseven{
        padding:0;
        margin:0;
        font-size:43px;
        height:30%;
    }
    
    .reverseeight{
        font-size:20px;
        height:56%;
    }
    
    .reversenine{
        color: #e07526 !important;
    font-size:15px;
    }
    
@media screen and (min-width: 1000px)
{
    #background {
        margin-left:25%;
        width: 75%;
        height: 300px;
        background-color: #e5e5e5;


    }
    #reversebackground {

        width: 75%;
        height: 300px;
        background-color: #e5e5e5;
        z-index:-1;


    }
    
    .one , .reverseone{

        height:300px;
    }
    
    .two{

        width:30%;
    }

    .five{

    }
    
    .four{
                margin-top:20px;

        width:100%; 
        height:87%;
    }
    
    .six{
        width:100%;
        padding:30px 30px 30px 60px;
    }
    
    .reversetwo{
        z-index:1;
        width:30%;
    }

    .reversefive{
        z-index:1;
    }
    
    .reversefour{
              margin-top:20px;

        width:100%; 
        height:87%;
    }
    .reversesix{
        width:100%;
        padding:30px 30px 30px 60px;
    }
}
@media screen and (min-width:701px) and (max-width:999px)
{

    .one , .reverseone{
        display: flex;
        flex-direction: column;
        align-items: center;
        height:800px;
        background-color:#e5e5e5;
    }

    .two{
        height:70%;
    }
    
    .reversetwo{
        height:70%;
    }
    .five{
        width:100%;
    }
    
    .reversefive{
        width:100%;
    }
}

@media screen and (min-width:401px) and (max-width:700px)
{

    .one , .reverseone{
        display: flex;
        flex-direction: column;
        align-items: center;
        height:700px;
        background-color:#e5e5e5;

    }

    .two{
        height:60%;
    }
    
    .reversetwo{
        height:60%;
    }
    
    .five{
        width:100%;
    }
    
    .reversefive{
        width:100%;
    }
    
    .seven, .reverseseven{
        font-size:40px;
    }
    
    .eight, .reverseeight{
        font-size:18px;
        padding-top:10px;
    }
}

@media screen and (min-width:301px) and (max-width:400px)
{

    .one , .reverseone{
        display: flex;
        flex-direction: column;
        align-items: center;
        height:600px;
        background-color:#e5e5e5;

    }

    .two{
        height:60%;
    }
    
    .reversetwo{
        height:60%;
    }
    
    .five{
        width:100%;
    }
    
    .reversefive{
        width:100%;
    }
    
    .seven, .reverseseven{
        font-size:30px;
    }
    
    .eight, .reverseeight{
        font-size:16px;
        padding-top:7px;
    }
}

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

    .one , .reverseone{
        display: flex;
        flex-direction: column;
        align-items: center;
        height:600px;
        background-color:#e5e5e5;

    }

    .two{
        height:60%;
    }
    
    .reversetwo{
        height:60%;
    }
    
    .five{
        width:100%;
    }
    
    .reversefive{
        width:100%;
    }
    
    .seven, .reverseseven{
        font-size:20px;
    }
    
    .eight, .reverseeight{
        font-size:10px;
        padding-top:5px;
    }
}