.banner {
    position: relative;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.center_main {
	letter-spacing:15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 65px;
    font-weight: bold;
    color: white;
}

.about {
    display: flex;
    padding-top: 100px;
    padding-bottom: 170px;
    justify-content: space-between;
    align-self: center;
}

.left {
    flex: 1;
    align-self: center;
}

.rightImg img {
    display: block;
    max-width: 100%;
}

.left .titlePart {
    flex: 1;
    font-size: 25px;
    color: #343434;
    font-weight: bold;
}

.bigTitle {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: bold;
}


.leftMain {
    margin-top: 75px;
    padding: 10px 0 10px 25px;
    border-left: 7px solid var(--themaColor);
}

.leftMain .title {
    font-size: 25px;
    color: #343434;
    font-weight: bold;
}

.leftMain .main {
	line-height:25px;
    max-width: 840px;
    font-size: 15px;
    margin-top: 30px;
    color: #7f7f7f;
}

@media (max-width: 1366px){
.center_main{ font-size:50px;}
}
@media (max-width: 1024px){
.center_main{ font-size:45px; letter-spacing:5px;}
}
@media (max-width: 768px){
.banner{height: auto;padding: 25% 0;}
.center_main{ position:static; text-align: center; width:100%; transform:none}
.about{ display:block; padding:10% 0 15% 0;}
.about .rightImg{ margin-top:5%;}
.leftMain{ margin-top:10%;}
}
@media (max-width: 480px){
.center_main{ font-size:30px; letter-spacing:2px;}
.bigTitle{ font-size:24px;}
.left .titlePart{ font-size:18px;}
.leftMain .title{ font-size:20px;}
.leftMain .main{ font-size:14px; line-height:20px;}
.about .rightImg{ margin-top:10%;}
}