header {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b4ddfe), color-stop(1.00, #0d4996));
    background: -webkit-linear-gradient(#b4ddfe, #0d4996);
    background: -moz-linear-gradient(#b4ddfe, #0d4996);
    background: -o-linear-gradient(#b4ddfe, #0d4996);
    background: -ms-linear-gradient(#b4ddfe, #0d4996);
    background: linear-gradient(#b4ddfe, #0d4996);
    
    color: white;
    padding: 1rem 0 1rem 0;
    margin-bottom: 1rem;
}

header h1 {
    font-weight: bold;
    text-align: center;
}

header .hamajima {
    position: absolute;
    padding: 0.2em 0.5em 0.2em 0.5em;
    color: white;
    top: 10px;
    right: 10px;
    font-size: 1.1rem;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    header h1 {
	font-size: 1.1rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    header h1 {
	font-size: 1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    header h1 {
	font-size: 2rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    header h1 {
	font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    header h1 {
	font-size: 2rem;
    }
}

.features strong {
    color: crimson;
    font-weight: 600;
}

.features h6 {
    color: firebrick;
    font-weight: 600;
}

.fig-number {
    color: blue;
}

.card.features {
    margin-bottom: 1em;
}

.screen01 {
    max-height: 350px;
}