body {
    background: white;
}
.title {
    font-size: 3em;
    font-weight: bold;
}

.center {
    justify-content: center;
    font-size: 1.5em;
    color: #444;
    font-weight: bold;
}

.right {
    justify-content: right;
}

h3 {
    font-size: 2.0em;
}

p {
    font-size: 1.3em;
}

.mar {
    margin: 1em 0 1em 0;
}

.image a {
    display: block;
    width: fit-content
}

.flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 30px 20px 30px 20px;
    gap: 50px;
    justify-self: center;
}

.no-pad {
    padding: 0px 0px;
}

.pad-normal {
    padding: 15px 15px;
}

.box-item-35 {
    width: 35%;
    text-align: left;
}

.box-item-45 {
    width: 45%;
    text-align: left;
}

.box-item-55 {
    width: 55%;
    text-align: left;
}

.box-item-65 {
    width: 65%;
    text-align: left;
}

.blank {
    position: relative;
    width: 100%;
    height: 60px;
}

footer {
    background: #ddd;
}

.fp_06 {
    font-size: 0.8em;
}

.text-align-left {
    text-align: left;
}

img {
	max-width: 100%;
	height: auto;
}

@media (max-width:767px) {
    .flex {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 15px 10px 15px 10px;
        gap: 5px;
        justify-self: center;
        flex-direction: column;
    }
    .box-item-35 {
        width: 95%;
        text-align: left;
    }
    
    .box-item-45 {
        width: 95%;
        text-align: left;
    }
    
    .box-item-55 {
        width: 95%;
        text-align: left;
    }
    
    .box-item-65 {
        width: 95%;
        text-align: left;
    }
    
    .logo img {
        width: 150px;
    }

    .flex :nth-child(1) { order: 2; }
    .flex :nth-child(2) { order: 1; }
    .flex :nth-child(3) { order: 3; }
    .flex :nth-child(4) { order: 4; }
    .flex :nth-child(5) { order: 5; }
    .flex :nth-child(6) { order: 6; }
    .flex :nth-child(7) { order: 8; }
    .flex :nth-child(8) { order: 7; }
    .flex :nth-child(9) { order: 9; }
    .flex :nth-child(10) { order: 10; }
    .flex :nth-child(11) { order: 11; }
    .flex :nth-child(12) { order: 12; }
    .flex :nth-child(13) { order: 13; }
    .flex :nth-child(14) { order: 14; }
    .flex :nth-child(15) { order: 15; }

} 
