body {
    padding-top: 60px;
}

.header-title-box {
    min-height: 300px;
    position: relative;
    background: linear-gradient(45deg, rgba(0, 164, 255, 1) 0, rgb(66, 192, 234) 100%);
    height: auto;
}
.mainbox {
    position: relative;
    background: #ffffff;
    margin: -60px 30px 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
}
.mainbox1000 {
    max-width: 1000px;
    width: fit-content;
    min-height: 400px;
    height: auto;
    margin: auto;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 130px;
}
.hr200 {
    width: 200px;
    margin: auto;
    border: 1px solid;
    color: #777777;
}
h5 {
    padding-top: 10px;
}

.picturebox {
    width: 300px;
    background: #ffffff;
    margin: auto;
    border-radius: 6px;
    box-shadow: 0 6px 12px 1px rgba(0,0,0,.14),0 3px 15px 3px rgba(0,0,0,.12),0 4px 5px -2px rgba(0,0,0,.2);
}

.picturebox2 {
    width: 300px;
    background: #ffffff;
    margin: auto;
    border-radius: 6px;
}

.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
}