﻿.entry {
}

    .entry .entry-head {
    }

        .entry .entry-head h1 {
            font-weight: 700;
            color: var(--secundary);
            padding-top: 10px;
            padding-bottom: 40px;
            font-size: 35px;
        }

        .entry .entry-head h3 {
            width: 65%;
            margin: auto;
            color: var(--secundaryText);
            font-size: 20px;
        }

    .entry .entry-body {
        margin-top: 50px;
        margin-bottom: 60px;
    }

        .entry .entry-body .entry-courses {
            width: 35%;
            margin-top: 50px;
            margin-bottom: 100px;
        }

            .entry .entry-body .entry-courses a {
                color: var(--primaryText);
            }

            .entry .entry-body .entry-courses .entry-courses {
            }

            .entry .entry-body .entry-courses .entry-course {
                margin: auto;
                border-style: solid;
                border-width: 1px;
                border-color: gray;
                border-radius: 5px;
            }

                .entry .entry-body .entry-courses .entry-course:hover {
                    background-color: var(--primaryText);
                    color: white;
                }

                    .entry .entry-body .entry-courses .entry-course:hover .entry-course-title {
                        background-color: var(--secundary);
                        color: var(--primaryText);
                    }

                .entry .entry-body .entry-courses .entry-course p {
                    margin: 10px;
                }

                .entry .entry-body .entry-courses .entry-course label {
                    cursor: pointer;
                    margin-top: 5px;
                    margin-bottom: 5px;
                }

                .entry .entry-body .entry-courses .entry-course .entry-course-title {
                    background-color: var(--secundary);
                }

        .entry .entry-body h4 {
            color: var(--secundary);
            font-weight: 600;
            font-size: 25px;
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .entry .entry-body .entry-first {
            background-image: url(/images/Long-banner-home.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            justify-content: center;
        }

            .entry .entry-body .entry-first .entry-first-text {
                width: 35%;
                line-height: 35px;
                color: var(--primaryText);
                margin-top: 55px;
                font-size: 20px;
                font-weight: 500;
            }

            .entry .entry-body .entry-first .entry-first-img {
                width: 20%;
                padding-top: 20px;
            }

                .entry .entry-body .entry-first .entry-first-img img {
                    width: 75%;
                }

        .entry .entry-body .sub-service {
            width: 50%;
        }

            .entry .entry-body .sub-service.odd {
                width: 100%;
            }

            .entry .entry-body .sub-service .sub-service-icon {
                font-size: 80px;
                color: var(--primary);
            }

            .entry .entry-body .sub-service .sub-service-description {
                width: 55%;
                margin: auto;
            }

                .entry .entry-body .sub-service .sub-service-description h6 {
                    font-size: 15px;
                }

            .entry .entry-body .sub-service.odd .sub-service-description {
                width: 30%;
            }

        .entry .entry-body .sub-service-separator {
            height: 15px;
            width: 100%;
        }

        .entry .entry-body .entry-contact {
            margin-top: 80px;
            width: 50%;
        }

        .entry .entry-body .entry-comments {
            width: 80%;
            margin: auto;
        }

        .entry .entry-body .entry-comments .comment {
            
        }

            .entry .entry-body .entry-comments .comment p {
                font-size: 20px;
                font-style: italic;
                height: 200px;
                text-align:left;
            }

            .entry .entry-body .entry-comments .comment label {
                font-weight: 500;
            }

@media screen and (max-width: 900px) {
    .entry .entry-head h1 {
        padding-top: 0px;
    }

    .entry .entry-head h3 {
        width: 90%;
        font-size: 20px;
    }

    .entry .entry-body .entry-first {
        flex-wrap: wrap-reverse;
        margin-bottom: 60px;
    }

        .entry .entry-body .entry-first .entry-first-text {
            width: 70%;
            line-height: 25px;
            font-size: 15px;
        }

        .entry .entry-body .entry-first .entry-first-img {
            width: 100%;
            padding-top: 30px;
        }

            .entry .entry-body .entry-first .entry-first-img img {
                width: 45%;
            }

    .entry .entry-body h4 {
        width: 90%;
        margin: auto;
    }

    .entry .entry-body .sub-service {
        width: 100%;
    }

    .entry .entry-body .sub-service-separator {
        display: none;
    }

    .entry .entry-body .sub-service .sub-service-description {
        width: 80%;
    }

    .entry .entry-body .sub-service.odd .sub-service-description {
        width: 80%;
    }

    .entry .entry-body .entry-contact {
        width: 90%;
    }
}
