div.intro-page {  
    min-width: 360px;
}

div.intro-container {
    min-height: 520px;
    min-width: 360px;
    top: 108px;
    height: calc(100% - 108px);
}

div.intro-text {
    position: absolute;
    left: 10%;
    width: 40%;
    min-width: 300px;
    font-size: 350%;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

div.service-page {
    min-width: 360px;
    min-height: 1150px;
}

div.service-container{
    min-width: 360px;
    min-height: 1150px;
}

div.service-mini-container {
    top: 12%;
}

div.service-title, span {
    font-size: 310%;
}

div.service-title {
    top: 5%;
}
div.service01 {
    position: relative;
    min-width: 340px;
    width: 50%;
    top: 10%;
    left: 50%;
}
div.service02 {
    position: relative;
    min-width: 340px;
    width: 50%;
    top: 40%;
    left: 50%;
}
div.service03 {
    position: relative;
    min-width: 340px;
    width: 50%;
    top: 70%;
    left: 50%;
}
div.service01-img, div.service02-img,div.service03-img, hr.extra-bar {
    display: none;
}
hr.bottom-bar {
    display: block;
}

div.about-page {  
    min-width: 360px;
    min-height: 1400px;
    max-height: 1450px;
}

div.about-container{
    min-width: 360px;
    min-height: 1400px;
    max-height: 1450px;
}

div.about-mini-container {
    top: 15%;
}
div.about-mini-container img {
    display: none;
}

div.about-title, span {
    font-size: 310%;
}

div.about-title {
    top: 5%;
}
div.about01 {
    position: relative;
    min-width: 340px;
    width: 50%;
    top: 10%;
    left: 50%;
}
div.about02 {
    position: relative;
    min-width: 340px;
    width: 50%;
    top: 40%;
    left: 50%;
}
div.about03 {
    position: relative;
    min-width: 340px;
    width: 50%;
    top: 70%;
    left: 50%;
}

div.contact-container {
    min-width: 360px;
}

div.contact-intro, div.contact-form {
    min-width: 200px;
    right: 10%;
    left: 10%;
}