.subtitle{
    font-weight: 300;
    font-family: "Noto Serif", serif;
}

.name-title{
    font-family: 'South', sans-serif;
    /* font-size:120px; */
    /* font-size:21vw; */
    font-size: calc(100% + 6vw + 5vh);
    margin: -20px;
}

.name-title2{
    font-family: 'Rochester', cursive;
    /* font-size: calc(100% + 4vw + 2vh); */
}

.date-title{
    font-family: "Noto Serif", serif;
    /* font-size:100px; */
}

.border-cover{
    border-radius: 50%;
    border: 24px solid rgb(255 255 255 / 20%);
    background: #fdcab487;
    padding: 35px;
    margin: 35px;
    /* padding: 65px;
    margin: 73px; */
}

.bg-image2 {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding-bottom: 70%;
        min-width: 100%;
        position: relative;
    }


.bg-image-galeri {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding-bottom: 105%;
        min-width: 100%;
        background-size:cover;
        position: relative;
    }

.date-count-box{
   background: #efc1a07a;
   z-index: 99;
    border-radius: 10%;
    color:#724a2c;
    margin:9px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hari{
    font-size:70px;
    font-family:'Rochester', cursive
}

.tanggal{
    font-family:'Rochester', cursive
}

.bottom-menu {
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.ornament-tgl{
    position: absolute;
    width: 100%;
    top: 60px;
    opacity: 50%;
    left: 50%;
    transform: translateX(-50%);

}

.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}



.rotateme {
    animation-name: rotateme;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 40s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 40s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 40s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@keyframes rotateme {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@font-face {
    font-family: 'South';
    font-style: normal;
    font-weight: 400;
    src: local('South'), url('../../font/south-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Buttercup Sample';
    font-style: normal;
    font-weight: 400;
    src: local('Buttercup Sample'), url('https://fonts.cdnfonts.com/s/14062/buttercup_sample.woff') format('woff');
}