.intro-section {position: relative;width: 100%;height: 100%;padding: 50px 0 100px;}
.intro-section .wrapper {padding: 0 15px;}
.intro-section h1 {font-size: 48px;line-height: 1.2;letter-spacing: 0.04em;margin: 0;}
.intro-section .top-block {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.intro-section .top-block .left-part {min-width: 420px;max-width: 420px;margin-right: 30px;display: flex; justify-content: space-between; align-items: center;}
.intro-section .top-block .left-part img{width: 150px;}
.intro-section .top-block .right-part {flex: 1 0 0%;}
.intro-section .middle-block {margin-bottom: 30px;}
.intro-section .middle-block p {font-size: 18px;}
.intro-section .bottom-block {text-align: right;}
.intro-section .bottom-block .read-more {margin-left: 15px;font-size: 16px;padding: 15px 30px;animation: none;}
.intro-section .bottom-block .btn-ios {color: #fff;background-color: #294263;background-image: url(../../images/icon-apple.png);background-repeat: no-repeat;background-position: 10px 50%;background-size: auto;padding-left: 50px;}
.intro-section .bottom-block .btn-ios:hover {background-color: #000;color: #fff;}
.intro-section .bottom-block .btn-google {color: #fff;background-color: #30629c;background-image: url(../../images/icon-play-store.png);background-repeat: no-repeat;background-position: 10px 50%;background-size: auto;padding-left: 50px;}
.intro-section .bottom-block .btn-google:hover {background-color: #000;color: #fff;}

.feature-section {position: relative;width: 100%;height: 100%;padding: 50px 0;background:#143760;}
.feature-section .wrapper {padding: 0 15px;}
.feature-section .feature-block  {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.feature-section .feature-block .feature-image {min-width: 330px;max-width: 320px;margin-right: 75px;margin-top: -100px;}
.feature-section .feature-block .feature-content {flex: 1 0 0%;}
.feature-section .feature-block h3 {color: #fff;letter-spacing: 0.04em;margin-bottom: 30px;}
.feature-section .feature-block h4 {color: #fff;letter-spacing: 0.04em;margin-bottom: 10px;}
.feature-section .feature-block ul {margin-bottom: 30px;margin-left: 20px;}
.feature-section .feature-block ul li {color: #fff;}

.exercise-section {position: relative;width: 100%;height: 100%;padding: 50px 0;}
.exercise-section .wrapper {padding: 0 15px;}
.exercise-section h2 {color: #294263;letter-spacing: 0.04em;}
.exercise-section .description ol {margin-left: 20px;}
.exercise-section .description ol li {color: #333;margin-bottom: 10px;}
.exercise-section .description ol li a {color: #30629c;}
.exercise-section .description ol li a:hover{color: #DA1F39;}


@media (max-width: 992px) {
    .intro-section{padding: 25px 0 50px;}
    .intro-section .top-block{margin-bottom: 25px;}
    .intro-section .top-block .left-part {min-width: auto;max-width: 625px;margin: 0 auto 20px;width: 100%;}
    .intro-section .top-block .right-part {flex: 1 0 100%;text-align: center;}
    .intro-section h1{font-size: 36px;}
    .intro-section .middle-block {text-align: center;}
    .intro-section .bottom-block {text-align: center;}
    .intro-section .bottom-block .read-more {margin: 5px;}
    .feature-section .feature-block .feature-image {min-width: 250px;max-width: 250px;margin-right: 50px;margin-top: 0;}
}

@media (max-width: 767px) {
    .feature-section .feature-block .feature-image {min-width: auto;max-width: 300px;margin: 0 auto 30px;}
    .feature-section .feature-block .feature-content {flex: 1 0 100%;}
    .intro-section .top-block .left-part{flex-wrap: wrap;}
    .intro-section .top-block .left-part img{margin: 0 auto;}
    .intro-section .middle-block p {font-size: 15px;}
    .intro-section .bottom-block .read-more{font-size: 14px; padding: 12px 20px;}
    .intro-section .bottom-block .btn-ios, .intro-section .bottom-block .btn-google{background-size: 16px;padding-left: 35px;}
}

@media (max-width: 480px) {
    .intro-section .top-block .left-part img{margin: 7px auto;}
    .intro-section h1{font-size: 28px;letter-spacing: 0;}
}