h1::after{content: '';width: 100%;height: .5vh;position: absolute;bottom: 0;background-color: var(--primary-color);left: 0;}
h1{text-transform: uppercase;width: fit-content;position: relative;font-size:3em;margin-left: 10%;font-weight: 400;display: block;margin: 0 auto;}
.container,.mvv{display: flex;flex-direction: column;align-items: center;justify-content:center ;}
p{text-align: justify;text-align-last: center;padding:1% 5%;font-size: 14px;}.container img{width: 30%;}
.strip{width: 100%;height: 50vh;background-image: url('../imgs/GIS-about-phone.webp');background-position: center;background-repeat: no-repeat;background-size: cover;}
@media only screen and (min-width: 600px) {
h1{font-size:5em}
.container svg{width: 20%;}p{font-size:18px;}
}
@media only screen and (min-width: 992px) {
    .strip{background-image: url('../imgs/GIS-about-us.webp');}
body{min-height: 100vh;display: flex;flex-direction: column;} 
.p1{padding: 1% 20%;}
.container{flex: 1;flex-direction: row;gap: 5%;padding: 0 5%;margin-bottom: 5vh;align-items: baseline;}
.container img{width: 30%;}
.mvv{gap: 5%;flex: 1;}
}
@media only screen and (min-width: 1700px) {}