
body{
    background-color: #EDEDED;
}
section {
    background-image: url(backgrounds/SalesServices6background.jpg);
    text-align: justify;
    align-items: center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);

}
h1 {
    font-size: 25px;
    margin-top: 100px;
    margin-bottom: 5px;
    text-align: center;
}
.content{
    width:100%;
    height: 60vh;
    height: calc(var(--vh, 1vh) * 60);

}
.flexcontainer {
    position: absolute;
    left:0;
    width:100vw;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    text-align: center;
    
}

.object {
    max-width: 70vw;
    max-height: 90vh;
    max-height: calc(var(--vh, 1vh) * 90);
    margin: 0 auto;
}
.containerimg{
    position: absolute;
    bottom: 0; 
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding-bottom: 20px; 
}
.textcontainer {
    width: 90%; 
    overflow: auto;
    margin: 0 auto;
    height: 30vh; 
    height: calc(var(--vh, 1vh) * 30);

}
.content p{
    margin-top: 0;
    font-size: 16px;
}
.content2{
    overflow:auto;
    width:50vh;
    width: calc(var(--vh, 1vh) * 50);

    
}
.content2 p{
    margin-top: 0;
}

/* @media only screen and (max-width: 1152px) {
    section {
        background-position:50% 90px;
    }
}
@media only screen and (max-width: 897px) {
    section {
        background-position:50% 70px;
    }
} */
/* @media only screen and (max-width: 960px) {
    section {
        background-position:50% 70px;
    }
    .content{
        font-size: 12px;
    }
     h2{
        margin-top: 80px;
     }
} */
@media only screen and (max-width: 774px) {
     .textcontainer{
        height:37vh;
        height: calc(var(--vh, 1vh) * 37);
     }
}
@media only screen and (max-width:518px){
    .textcontainer{
        height:50vh;
        height: calc(var(--vh, 1vh) * 50);
     }
    .content p{
        margin-top: 0;
        font-size: 12px;
    }
 h2{
    font-size: 16px;
 }
 
 }
 @media screen and (max-width: 1000px) and (orientation: landscape) and (max-height:600px){
    section {
        height: 100vw; 
    }
    .textcontainer{
        height: 70vh; 
        height: calc(var(--vh, 1vh) * 70);
    }
 }