@charset "UTF-8";

.home-page .main-content {
    padding: .3rem;
}

    .home-page .main-content .con {
        padding: .2rem 0;
    }

        .home-page .main-content .con > p {
            margin: .1rem 0;
            font-size: .3rem;
            padding: .1rem;
        }

        .home-page .main-content .con .showcase > div {
            overflow: hidden;
            padding: .1rem;
        }

            .home-page .main-content .con .showcase > div > a {
                position: relative;
                display: none;
                width: 100%;
                -webkit-border-radius: .06rem;
                border-radius: .06rem;
            }

                .home-page .main-content .con .showcase > div > a .txt {
                    position: absolute;
                    top: .1rem;
                    left: .1rem;
                    color: #fff;
                    z-index: 1;
                }

                    .home-page .main-content .con .showcase > div > a .txt > span {
                        font-size: .4rem;
                        font-family: futura;
                        font-weight: bold;
                        text-shadow: 1px 1px 1px #000;
                        line-height: .36rem;
                    }

                    .home-page .main-content .con .showcase > div > a .txt > p {
                        font-size: .18rem;
                        text-shadow: 1px 1px 1px #000;
                    }

                    .home-page .main-content .con .showcase > div > a .txt > h4 {
                        font-size: .34rem;
                        text-shadow: 1px 1px 1px #000;
                    }

                    .home-page .main-content .con .showcase > div > a .txt > h5 {
                        font-size: .38rem;
                        text-shadow: 1px 1px 1px #000;
                    }

                .home-page .main-content .con .showcase > div > a .bg > img {
                    width: 100%;
                    -webkit-border-radius: .06rem;
                    border-radius: .06rem;
                    transition:all 0.5s ease-out;
                }
                .home-page .main-content .con .showcase > div > a .bg > img:hover {
                    width: 100%;
                    -webkit-border-radius: .06rem;
                    border-radius: .06rem;
                }
				
				.image-link {
					display: block;
					position: relative;
					overflow: hidden;
				}

				.image-link .bg {
					transition: transform 0.5s ease;
				}

				.image-link:hover .bg {
					transform: scale(1.03);
				}

@media (max-width:768px) {
    .home-page .main-content {
        padding: 0;
    }

    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .home-page .main-content .con .showcase > div > a .txt > span {
        font-size: .35rem;
        font-weight: bold;
        font-family: futura;
        text-shadow: 1px 1px 1px #000;
        line-height: .27rem;
    }

    .home-page .main-content .con .showcase > div > a .txt > p {
        font-size: .24rem;
        text-shadow: 1px 1px 1px #000;
    }

    .home-page .main-content .con .showcase > div > a .txt > h5 {
        font-size: .33rem;
        text-shadow: 1px 1px 1px #000;
    }
}
@media (min-width:768px) {
    .home-page .main-content {
        padding: 0;
    }

        .home-page .main-content .con {
            padding: .2rem 0.3rem;
        }
        .home-page .main-content .con .showcase > div > a .txt > span {
            font-size: .4rem;
            font-weight: bold;
            font-family: futura;
            text-shadow: 1px 1px 1px #000;
            line-height: .35rem;
        }
    
        .home-page .main-content .con .showcase > div > a .txt > p {
            font-size: .18rem;
            text-shadow: 1px 1px 1px #000;
        }
    
        .home-page .main-content .con .showcase > div > a .txt > h5 {
            font-size: .38rem;
            text-shadow: 1px 1px 1px #000;
        }
}

@media (min-width:992px) {
    .home-page .main-content {
        padding: 0;
    }

        .home-page .main-content .con {
            padding: .2rem 0.5rem;
        }
}

@media (min-width:1200px) {
    .home-page .main-content {
        padding: 0;
    }

        .home-page .main-content .con {
            padding: .2rem 2.7rem;
        }
}