@media only screen and (min-width: 576px) {
	.navbar-light .navbar-nav .nav-link .img {
		max-width: 45px;
		padding: .5rem;
	}
	
	.core-0 .card-image {
		width: 570px;
		height: 290px;
	}

	.core-0 .core-0-1-bg {
		left: 15%;
	}

	.core-0 .core-0-3-bg {
		top: 50%;
	}

	.core-0 .core-0-5-bg {
		max-height: 100%;
	}
	.core-0 .core-0-6-bg {
		max-height: 100%;
	}

	.core-1 .content .widget .card-text {
		font-size: 1rem;
	}

	.core-1 .and {
		font-size: calc(1.625rem + 4.5vw);
	}

	.core-2 .img-core-2-1 {
		max-height: 100px;
	  }
	
	.core-2 .img-core-2-2 {
		max-height: 100px;
	}


	.core-3 video {
		height: 300px;
	}
	
	.core-3 iframe {
		height: 300px;
	}
	

	.core-4 .love-story {
		padding-left: 4rem;
		padding-right: 0;
	}

	.core-4 .content .meet-time {
		font-size: 1.7rem;
	}

	.core-4 .content .story {
		font-size: 1.2rem;
	}

	

	.core-5 .content {
		padding: 0 7rem;
	}

	.core-6 .card-text {
		font-size: 1.1rem;
	}
	
	.core-7 .list-comments {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.core-8 .doa {
		font-size: 1.1rem;
		padding: 6rem;
	}

	footer {
		padding: 0rem 2rem 8rem;
	}

	footer::before {
		width: 110%;
	}


}

@media only screen and (min-width: 768px) {
	.core-0 .countdown .box {
		width: 6rem;
		padding: 0.5rem;
		margin-right: 1rem;
	}


	.core-bg-1::before {
		width: 220px;
		height: 220px;
	}

	.core-bg-1::after {
		width: 220px;
		height: 240px;
	}

	.core-1 .content .heading .card-text {
		font-size: 1.2rem;
	}


	.core-2 .img-core-2-1 {
		max-height: 7rem;
	  }
	
	.core-2 .img-core-2-2 {
		max-height: 7rem;
	}

	.core-4 .love-story {
		padding-left: 10rem;
		padding-right: 8rem;
	}

	.core-4 .image-4-1 {
		opacity: 1;
	}
	
	.core-4 .image-4-2 {
		opacity: 1;
	}

	.core-8.core-bg-8::before {
		width: 200px;
  		height: 200px;
	}

	.core-8.core-bg-8::after {
		width: 200px;
  		height: 220px;
	}
}

@media only screen and (min-width: 992px) {
	.popup-undangan .modal-content .partner h1 {
		font-size: 6rem;
		line-height: calc(1.5rem + 4vw);
	}

	.core-3 video {
		height: 400px;
	}
	
	.core-3 iframe {
		height: 400px;
	}
}

@media only screen and (min-width: 1200px) {

}