@import "bootstrap.css";
@import "bootstrap-theme.min.css";


body {
	//background-color: #C6F7F7;
	background-image:url('../images/swirl_@2X.png');
	}
	
.logo img {
	position: relative;
	left: 30px;
	
	}		
	
h1 {font-family: 'Elsie Swash Caps', cursive;
	font-size: 55px;
	text-align:left;
	margin-bottom: 0px;
	line-height: 80px;
	}	
	
.container {
	font-family: Raleway, Helvetica, sans-serif;
	}

.container h2 {
	font-family: 'Elsie Swash Caps', cursive;
	font-weight: 600;
	}
	
	
nav li {
	background-color: #FA98CC;
	height: 33px;
	}
	
.home {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}	
.more	{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
	
.nav ul li {
	list-style-type: none;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	padding-top: 4px;
	font-family: Raleway, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	
	}
	
.nav ul li a {
	text-decoration: none; 
	color: black;}
	
.nav ul li a:visited {color:#666869;}
.nav ul li a:hover {color: white;}  
.nav ul li a:active {color: white;}
	}	
	
.nav ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 30px;
	}	
	
	
	
h2 {margin-bottom:60px;
	}
	
.homeimg img {
	border-radius: 50px;
	padding: 0px;
	margin-top: 80px;
	}
	
.home-intro {
	border: 2px solid #FA98CC;
	border-radius: 50px;
	padding: 50px;
	padding-bottom: 95px;
	}
	
.cakeimg img{
	padding: 6px;
	border: 3px solid black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 30px;
	}

.directions02 {
	line-height:1.2;
	}
	
.directions {
	line-height:1.2;
	margin-bottom: 30px;
	}
	
.content {
	margin-top: 70px;
	}
	
.toplist {
	margin-top: 60px;
	//margin-bottom: 60px;
	}
	
.toplist h5 {
	font-family: 'Elsie Swash Caps', cursive;}	
	
ol li a {
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	list-style-type: none; 
	}
	
ol li {
	margin: 15px 0px;
	}

ol {
	margin-bottom: 50px;
	}

ol li a:link {color:#000;}	
ol li a:visited {color:#B2B7B8;}
ol li a:hover {color:#EBB2DC; list-style-type: none; text-decoration: none;}  
ol li a:active {color:#F7ADBB;}


footer  p {
	//background-color: #FA98CC;
	text-align: center;
	margin-top: 100px;
	}

.img-grid img {
	border-radius: 150px;
	border: 1px solid #FA98CC: 
	width: 300px;
	height: auto;
	margin-bottom: 30px;
	}

.pumpfrosting {
	margin-top: 12px;
	}

.frosting h2 {
	font-family: 'Elsie Swash Caps', cursive;
	text-align: center;
	font-weight: 600;
	font-size: 33px;
	}

.frosting h4 {
	font-family: 'Elsie Swash Caps', cursive;
	font-weight: 600;
	font-size: 20px;
	}

.frosting img {
	border-radius: 30px;
	}

.frost-tips {
	margin-top: 100px;
	margin-bottom: 100px;
	}
	
.frost-tips img {
	border: 2px solid black;
	padding: 30px;
	}

.common-tips {
	margin-top: 50px;
	margin-bottom: 600px;
	}

.creamcheese {
	border: 2px solid #FA98CC;
	border-radius: 30px;
	padding: 30px;
	margin-bottom:20px;
	}

.buttercream {
	border: 2px solid #FA98CC;
	border-radius: 30px;
	padding: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 20px;
	}

.buttercream img {
	margin: 0px;
	padding: 0px;
	}

.vanillaborder {
	border: 2px solid #FA98CC;
	border-radius: 30px;
	padding: 30px;
	margin-top: 20px;
	}

.vanillaimg {
	padding-left: 0px;
	margin-left: 0px;
	}
	
.vanilla {
	margin-left: 0px;
	padding-left: 0px;
	}
.toplist {
	//border-top: 2px dotted #FA98CC;
	//padding-top: 40px;
	}
	
.toptenlist {
	margin-top: 70px;
	}

.toptenlist ol li {
	font-size: 18px;
	}

.home-intro {
	margin-top: 80px;
	}

.more-content div {
	margin-bottom: 30px;
	}

.more-content div a:hover {list-style-type: none; text-decoration: none; color: #FA98CC;}
.more-content div a:visited {color: #FA98CC;}
.more-content div a:active {color: #6E5E6B;}

.morelists div {
	border: 2px solid #FA98CC;
	padding: 50px;
	border-radius: 20px;
	}






@media (max-width: 767px) {
	h1 {font-size: 39px; margin-top: 20px; margin-left: 30px; line-height: 40px; padding-left: 15px; text-align: center; margin-bottom: 30px;}
	.nav ul li {font-size: 16px; padding-left:10px; text-align: center;}
	.logo img {width: 100px; height: 100px; margin-top: 10px; text-align: center;}
	.home {border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}	
	.top {border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px}
	.frosting {border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}	
	.more {border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px}
	.cake {margin-left: 10px;}
	.frostinglist {margin-left: 10px;}
	.directions {margin-left: 10px;}
	.directions02 {margin-left: 10px;}
	.toplist {margin-left: 20px;}
	.howtofrost {margin-left: 10px;}
	.more-content h2 {text-align: center;}
	.home-intro {margin-top: 20px;}
	}

@media (min-width: 768px) {
	h1 {font-size: 56px; margin-top: 35px; margin-left: 0px; margin-right: 0px; text-align:center;}
	.nav ul li {font-size: 16px; margin-top: 10px; text-align: center;}
	.nav ul .frosting {margin-bottom: 30px;}
	.logo img {width: 100px; height: 100px; }
	.img-grid img {text-align: center;}
	.logo {margin-top: 20px; margin-bottom: 10px;}
	.buttercream {margin-top: 50px;}
	.frosting h2 {text-align: left;}
	.frosting {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}	
	.top {border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
	.directions p {margin-bottom: 20px;}
	.directions {margin-bottom: 0px;}
	.directions2 {margin-top: 0px;}
	//.directions02 {margin-top: 55px;}
	//.frostinglist {margin-left: 10px;}
	//.home-intro {margin-top: 20px;}

	}
	
@media (min-width: 992px){
	h1 {font-size: 59px; text-align:left;}
	.nav ul li {font-size: 16px;}
	.buttercream {margin-top: 0px;}
	.frosting {border-top-left-radius: 0px; border-bottom-left-radius: 0px;}	
	.top {border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
	.directions02 {margin-top: 55px;}
	.toppings {line-height: 1.2;}
	}
	
@media (min-width: 1200px) {
	h1 {font-size: 65px;}
	.nav ul li {font-size: 18px;}
	.frosting h2 {text-align: center;}
	.directions2 {margin-top: 55px;}
	.cakeimg {margin-left: 30px;}
	.cake {margin-left: 45px;}
	.directions {margin-left: 60px; margin-bottom: 100px;}
	.directions2 {margin-bottom: 0px;}
	.toplist {margin-top: 0px;}
	.directions02 {margin-top: 55px;}
	.filling {margin-left: 44px;}
	.toppings {margin-top: 15px; line-height: 1.2;}
	}