@media only screen and (min-width: 576px) {
	.navbar-light .navbar-nav .nav-link .img {
		max-width: 45px;
		padding: .5rem;
	}

	.core-0 .card-image {
		width: 350px;
		height: 350px;
	}

	.core-0 .countdown .box {
		margin-left: 2rem;
		width: 80px;
		height: 80px;
	}

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

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

	.core-bg-3 {
		padding-top: 8rem;
	}

	.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;
	}

	.custom-core-4-5 .image-4 {
		max-height: 50%
	}

	.custom-core-4-5 .image-5 {
		max-height: 35%
	}

	.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 {
		padding: 8rem;
	}

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

	footer::before {
		width: 110%;
	}


}

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

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

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

	.core-2 .countdown .box span {
		font-size: 1.5rem;
	}
	
	.core-2 .countdown .box p {
		font-size: 1.5rem;
	}

	.custom-core-4-5 .image-4 {
		opacity: 1;
	}

	.custom-core-4-5 .image-5 {
		opacity: 1;
	}

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

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

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


	.popup-undangan .modal-content .partner h1 {
		font-size: 4rem;
		line-height: 3rem;
	}
	

	
}

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

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

}

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

}