body {
    margin:0;
    width: 100%;
    height:100%;
    color: #69234f;
    background-color: #f7f2f2;
    font-family: "Figtree", sans-serif !important;
}
h1, h2 {
    margin-top: 0;
    margin-bottom: 0px;
}
a {
    color: #69234f;
}
a:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
    padding-top:30px;
}
/* table {
    width: 100%;
}
table.homepage {
    height: 100%;
}
tr {
    width:100%;
    height:10%;
}
td {
    width: 20%;
    text-align: center;
    font-size: 20px;
} */
div.content > div {
    padding-top:10px;
}
.index {
    text-align: center;
}
#index-title {
    /* font-family: cursive; */
    font-family: serif;
    font-size: 5em;
    font-weight: 300;
    padding-bottom: 10px;
}
#index-subtitle {
    font-size: 1.5em;
    font-weight: 400;
}
#index-menu {
    font-size: 1.5em;
    padding-top:50px;
}
.main {
    padding-top: 30px;
    /* height: 90%; */
    max-width:60%;
    margin: 0 auto;
    /* display: flex; */
    /* align-items: center; */
}
.content {
    text-align: justify;
    padding-top: 30px;
    font-size:1.5em;
}
.top-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.6);
}

.top-menu-content > a > img {
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-menu-content {
    width: 60%;
    margin: 0 auto;
}
.bottom {
    z-index:1;
    /* background-color:white; */
    /* padding-bottom:30px; */
    padding: 0px 50px 30px 50px;
}
.bottom-item {
    float:left;
    width:33.3%;
    font-size: 1.5em;
}
.btn-return {
    max-height:30px;
}
.domain-title {
    font-weight:bold;
    padding-top:30px !important;
}
.domain-content {
    line-height:1.3;
}

/* mobile */
@media only screen and (max-width: 900px) {
    .main {
        max-width:90%;
        /* padding-top: 30px !important; */
    }
    .top-menu-content {
        width: 90%;
    }
    .bottom-item {
        float:none;
        width: 100%;
        text-align: center !important;
        line-height: 1.5;
    }
 }