@font-face {
    font-family: 'SukhumvitSet';
    src: url('../fonts/SukhumvitSet.ttc');
}

@font-face {
    font-family: 'HoeflerTxt';
    src: url('../fonts/HoeflerTxt-Roman.otf');
}

@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/Times New Roman.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/Times New Roman Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/Times New Roman Bold Italic.ttf');
    font-weight: bold;
    font-style: italic;
}

.welcome {
    background-image: url('../images/background.webp');
    background-size: cover;
    background-position: center;
}

.welcome .container > .row {
    height: 60vh;
}

.intro {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #947059;
}

.intro p, .intro a {
    color: #D7CCB7;
    font-size: 18px;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register {
    padding-top: 60px;
    padding-bottom: 60px;
}

.register .title {
    color: #947059;
    font-size: 23px;
    font-family: 'HoeflerTxt', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register .remark {
    color: #947059;
    font-size: 14px;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register input {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #947059;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register .form-check > label {
    color: #947059;
    font-size: 12px;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register .btn.btn-primary, .maps .btn.btn-primary {
    border-color: #947059;
    background-color: #947059;
    letter-spacing: 2px;
    font-family: 'HoeflerTxt', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register .btn.btn-primary:hover, .maps .btn.btn-primary:hover {
    color: #947059;
    border-color: #A49F91;
    background-color: #A49F91;
}

.highlight {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #D7CCB7;
}

.highlight p {
    color: #947059;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.dimensions {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #947059;
}

.dimensions p {
    color: #D7CCB7;
    font-size: 18px;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.related {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #FDFCF0;
}

.related .title {
    color: #947059;
    font-family: 'HoeflerTxt', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.related .subtitle {
    color: #947059;
    letter-spacing: 2px;
    font-family: 'Times New Roman', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.related .project-name {
    color: #947059;
    font-family: 'HoeflerTxt', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.related .project-desc {
    color: #947059;
    font-family: 'SukhumvitSet', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.maps {
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #947059;
}

.footer .icon {
    width: 35px;
}

.footer .logo {
    width: 150px;
}