#header {
    width: 100%;
    background: url('../img/di2019/bg_lake_louise.jpg') no-repeat 50% 0;
    min-height: 1000px
}

#sectorA {
    background: url('../img/di2019/bg_lake_louise2.jpg') bottom center no-repeat;
    padding-bottom: 300px;
}

#sectorD {
    background: url('../img/di2019/bg_clound.png') no-repeat 0 0 #02c6c3;
    padding: 100px 0 100px 0;
    -webkit-transform: skew(0deg, 5deg);
    transform: skew(0deg, 5deg);
    margin: 100px 0 -90px 0;
}

h2.hname {
    font-family: 'Tlight';
    color: #333;
    font-size: 35px
}

h3.hname {
    font-family: 'Tlight';
    color: #333;
    font-size: 35px
}

.temp li:first-child {
    background: url('../img/di2019/hot.png') no-repeat
}

.temp li:last-child {
    background: url('../img/di2019/cold.png') no-repeat
}

@media(max-width:480px) {
    #header {
        min-height: 100vh;
        background: url('../img/di2019/bg_lake_louise.jpg') no-repeat 50% -200px;
    }

}

.navpage .btn, .navpage .btn:hover, .navpage .btn:visited, .navpage .btn:focus {
    background: rgba(2, 165, 163, 1);
}

.btn-group, .btn-group-vertical {
    display: block !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.btn-group a {
    border: 1px solid #FFF;
}