@CHARSET "UTF-8";
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.header {
	display: inline-block;
	vertical-align: top;
	background-color: hsl(9, 100%, 54%);
	height: 485px;
	width: 100%;
}

	#contact {
		float: right;
		font-family: Montserrat;
		color: hsl(0, 0%, 100%);
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding-top: 40px;
		padding-right: 40px;
		text-decoration: none;
	}

	.header_content {
		width: 620px;

	}

		#title {
			font-family: Playfair Display;
			color: hsl(0, 0%, 100%);
			font-weight: lighter;
			font-size: 80px;
			padding-left: 120px;
			line-height: 90%;
			padding-top: 40px;
			margin-bottom: 0px;
		}

		#name {
			font-family: Montserrat;
			color: hsl(0, 0%, 100%);
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			padding-left: 120px;
			margin-top: 25px;
			letter-spacing: 2px;
		}

		#description {
			font-family: Playfair Display;
			color: hsl(0, 0%, 100%);
			font-size: 12px;
			padding-left: 120px;
			padding-top: 15px;
			line-height: 170%;
		}
#list_title {
	font-family: Playfair Display;
	color: hsl(0, 0%, 0%);
	font-weight: lighter;
	font-size: 40px;
	width: 43%;
}
	#list_title_link {
		font-family: Playfair Display;
	    color: hsl(0, 0%, 0%);
		font-weight: lighter;
		font-size: 40px;
	}

	#list_title_link:hover {
		color: hsl(0, 0%, 25%);
		text-decoration: none;
	}

#list_description {
	font-family: Montserrat;
	color: hsl(0, 0%, 0%);
	text-transform: uppercase;
	font-size: 12px;
}

.done {
	color: hsl(9, 100%, 54%); 
	font-style: italic;
}

.icecreamcone {
	width: 276px;
}


.site {
	width: 338px;
}

@media (max-width: 992px) {
	.bucket-list-small {
		margin-left: 408px;
	}
}

@media (max-width: 992px) {
	#list_title {
		width: 361px;
	}
}