body {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: ;
	background-color:  #fff3e0 ;
	}

h1 {
	font-family: 'Tangerine', cursive;
	font-size: 60px;
	}
.carousel{
	margin-bottom:30px;
	}
	.carousel-item {
		height:160px;
		}
header{
	padding:30px 0 0 0;
	}
	.container-fluid{
		background-color:  #ffe0b2  ;
		}
.container-fluid		.container{
			margin-bottom:30px;

			}
.container{
	margin-bottom:80px;
	}

	@media (min-width: 576px) {
		.carousel-item {
			height:200px;
			}
	 }

	@media (min-width: 768px) {
		.carousel-item {
			height:300px;
			}
			h1 {
				font-family: 'Tangerine', cursive;
				font-size: 70px;
				margin-left:40px;
				}
	 }

	@media (min-width: 992px) {

		.carousel-item {
			height:400px;
			} }

	@media (min-width: 1200px) {
		.carousel-item {
			height:500px;
			}
	 }



	$grid-breakpoints: (
	    xs: 0,
	    sm: 576px,
	    md: 768px,
	    lg: 992px,
	    xl: 1200px
	) !default;

	$grid-gutter-width: 30px !default;


	$cards-per-line: (
	    xs: 1,
	    sm: 2,
	    md: 2,
	    lg: 2,
	    xl: 2
	);

	@each $name, $breakpoint in $grid-breakpoints {
		@media (min-width: $breakpoint) {
			.card-deck .card {
				flex: 0 0 calc(#{100/map-get($cards-per-line, $name)}% - #{$grid-gutter-width});
			}
		}
	}