.sec1 img.logo{
    width: 100%;
}

.sec2 .container h1{
    font-size: 250%;
}

.sec2 .container{
    width: 85%;
}

.sec2 .container p {
    font-size: 60%;
}

.trans h1{
    font-size: 6em;
}

.sec4 {
    font-size: 60%;
}

.sec4 .kontener {
    flex-direction: column-reverse;
    align-items: center;
}

.sec4 .kontener .right {
    margin-right: 0;
    font-size: 150%;
    width: 90%;
}
.sec4 .kontener .left {
    width: 90%;
}


.sec4 .kontener .left .slogan {
    text-align: center;
}

.sec4 .kontener .right {
    margin-top: 30%;
}

.sec4 .kontener-2 {
    font-size: 110%;
        flex-direction: column-reverse;
    align-items: center;
    width: 90%;
}

.sec4 .kontener-2 .left .cot{
    font-size: 160%;
}

.sec4 .kontener-2 .right{
    width: 100%;
    margin: 0;
}

.sec4 .kontener-2 .left{
    margin-top: 30%;;
}

.sec4 .kontener-2 .left p{
    margin: 0;
    width: 80vw;
} 

.sec5 .kontener .title{
    font-size: 450%;
}

.sec5 .kontener .icon {
    width: 92%;
}