@media only screen and (max-width: 768px) {
    h1.cardText {
        padding: 0 !important;
        font-weight: 200!important;
        font-size: 20px !important;  
        padding-top:6px!important;
    }
     
    .gridTextTitle {
        font-size: 20px !important;
        font-weight: 200 !important;        
    }
    .gridTextDes {
        font-size: 12px !important;
        margin-bottom:20px!important;
    }  
    .gridTextTitle, .gridTextDes {                  
        margin-left: 24px !important;
        margin-right: 6px !important;
        font-weight: 100 !important;             
    }
    
    .logoText {
        font-family: Allura;
        font-size: 22px !important;
        font-weight: 100;
        margin-top: 4px!important;
    }
    .titlePadding {
        padding-top: 12px !important;        
        padding-bottom: 12px !important;
    }
    .headlinePadding {
        padding-top: 8px!important;
       /* padding-bottom: 4px;*/
    }
    #GridHeadLineDiv {
       
        height:90px!important;
    }
    #TopTitle {
        margin-top: 150px!important;
    }

   
    .img-box {
        flex: none;
        max-height:200px;
    }
    #DesDiv {
        flex: 1.5;
        
        max-height: 300px;  
    }
    #TopTitleDiv {
        flex: 0.3!important;
    }
    .parent {
        max-height:900px;
    }
    .first-div {
        max-height:800px;
    }

    .second-div {
        max-height: 600px;
        margin-top:0!important;
    }
    .gridImg {
        background-color: red;
        
        height: 100px !important;
        width: 100% !important;
       
    }
    .contacts-title-div {
        flex-direction: column!important;     
    }
    
}

.parent {
    display: flex;
    height: 200vh;
    width: 100%;
    flex-direction: column;
    align-self: center;
}

.child {
    width: 100px; /* Or whatever */
    height: 100px; /* Or whatever */

}
.first-div {
    margin-top:0!important;
}.second-div {
    margin-top:50px;
}
.cardText {
    flex: 1;
    align-items: center;
    padding: 25px;
    font-weight: 300;
    font-size: 32px !important;
}
.gridTextTitle, .gridTextDes {
    color: white;
    text-align: start;
    margin-left: 140px;
    font-weight: 400;
    
}
.gridTextTitle {
    font-size: 60px;
}
.gridTextDes {
 /*   margin-right: 300px !important;*/
    font-size: 18px !important;
}
.logoText {
    font-family: Allura;
    font-size:42px;
    font-weight:300;
    margin-top:10px;
}
.titlePadding {
    padding-top: 22px;
    padding-bottom: 22px;
}
.headlinePadding{
    padding-top:0px;
    padding-bottom:0px;
}
#GridHeadLineDiv {
    padding-top: 18px!important;
    padding-bottom: 18px!important;
}
#TopTitle {
    margin-top: 200px;
}
#TopTitleDiv {
    flex: 4.3;
    width: 100%;
    background-color: rgb(114, 137, 104);    
}
.img-box {
    flex: 7;
    width: 100%;
}
    .img-box img {
         width: 100%;max-height:100%; flex:4;
    }

.gridImg {
    background-color: transparent;
    width: auto;
    height: 100% !important;
    margin:auto;
}
.contacts-title-div {
    flex-direction: row;
    flex-wrap: wrap;
}