p, ul {
    margin: 0;
}
img {
    max-width:100%;
    max-height:100%;
    min-width:100%;
    min-height:100%;
    width: 100%;
    height: 100%;
    
 } 

.image {
    display: inherit;
    height: inherit;
    width: inherit;
}

#landingImageDiv {
    flex-direction: column;
    background-image: url("/static/images/IMG_6386_75.JPG"); 
    background-size: 100% 100%;
    max-width:100%;
    max-height:100%;
    min-width:100%;
    min-height:100%;
    width: 100%;
    height: 100%;
}

.landingTitle{
    padding-top: 25vh;
}

.heading {
    font-size: calc(max(6.2vw,6.2vh));

}

.secondary {
    padding-top: 3vh;
    font-size: calc(max(2vw,2.5vh));
    max-width: 40%;
}

#ctaLanding{
    margin-top: 10vh;

    display: flex;

}


.ctaLinkWriting {

    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
    padding-left: 1vw;
    padding-right: 1vw;

    
    height: 100%;
    display: flex;
    font-size: calc(max(1.5vw,2.0vh));
    width: 14vw;

}

.section {
    
    
    height: calc(100vh - 55px);
    width: 100vw;
   
}

.left {
    flex-direction: row-reverse;
}

.right {
    flex-direction: row;
}

.description {

    width: 50%;
    height: 100%;
    
}

#descriptionData {
    background-image: url("/static/images/data_edit2_2.jpg"); 
    background-size: 100% 100%;
}

.name {
    width: 50%;
}

.nameCont {
    height: inherit;
    width: 100%;
    flex-direction: column;

}

.sectionsFontSize {
    font-size: 6.2vw;
}

.descriptionBox {
    height: 60%;
    width: 60%;
    background-color: antiquewhite;
    border-radius: 10px;
    padding: 5%;

}


 .headingText {
    font-size: 2.2vmax;
    
 }
.descriptionHeading {
    height: 25%;
    text-align: center;
    max-width: 90%;
    align-items: center;



}

.ctaDescription {
    height: 25%;
    justify-content: center;
}

.descriptionWriting {
    height: 50%;
    max-width: 85%;
    justify-content: center;
}
.descriptionText{
   text-align: justify;
}
.descriptionTextSize{
    font-size: calc(max(1.2vmax,1.7vh));
}

.descriptionList {
    padding-top: 2%;
    
}
 .descriptionPoint{
    list-style-type: "\279C";

 }

 li::marker {
    color: #385B7D;
    padding-right: 100px;

  }

/* https://forum.blocsapp.com/t/individual-list-styles/1292/3  */
li span {
    position: relative;
    left: 10px;
  }


.ctaBox{

    display: flex;
    align-items: center;
}


#dataCta {

}


#descriptionSoftware {
    background-image: url("/static/images/soft_1_edit3.png"); 
    background-size: 100% 100%;
}

#softwareCta {

}


#descriptionAI {
    background-image: url("/static/images/a_edit.png"); 
    background-size: 100% 100%;
}

#AICta {

}

#aiHeading {

}


/* Change from top to bottom to left to right */ 
@media (max-width: 800px) {
    .left {
        flex-direction: column;
    }

    .right {
        flex-direction: column;
    }

    .name {
        width: 100%;
        height: 35%;
    }

    .description {
        width: 100%;
        height: 65%;
    }

    .nameCont {
        height: auto;
    }

    .descriptionBox {
        height: 70%;
        width: 70%;
    }

    .ctaLinkWriting {
        width: 100%;

    }

    .headingText {
        font-size: max(3.5vw,2.5vh);
    }

    .descriptionTextSize{
        font-size: calc(max(1.5vh,2.0vw));
    }

    .sectionsFontSize {
        font-size: max(6.2vw,5vh);
    }

    .landingTitle{
        padding-top: 18vh;
    }

    .ctaDescription {
        height: 20%;
        justify-content: center;
        width: 65%;
        margin-top: 2vh;
    }

    #ctaLanding{
width: 35%;
    }

    .secondary {
        max-width: 70%;
    }

    #landingImageDiv {

        background-size: cover;
    }
    
}