*{
	margin: 0;
	padding: 0;
	font-family: Nunito;
}

.imgBg{
	height: 1500px ;
	width: 740px;
	background: url(../img/ice-cream-sandwhiches-gf.png);
float: center;
	
}

.img-gf {
	margin: 0 auto;
	width: 1000px;
}

.wrapper {
	margin: 0 auto;
	width: 1000px;
}

.wrapper2 {
	margin: 0 auto;
	width: 1000px;
}

.nav-bar{
	display: flex;
	padding: 20px 60px;
}


.contact-form .contact-input{
	background: solid white;
	color: solid white;
	margin-bottom: 10px;
	line-height: 1.5rem;
	padding: 0;
	width: 50%;
	height: 250px;
	}



.nav-logo{
	padding: 8px 4px;
	background: #ff69b4;
	border-radius: none;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	transition: 0.5s;
}

.nav-links{
	flex: 1;
}

.nav-links ul{
	margin-right: : 50px;
	display: inline;
}

.nav-links ul li{
	list-style: none;
	display: inline-block;
	padding: 10px 25px;
}

.nav-links ul li a{
	color: #00fa9a;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
}

.nav-links ul li::after{
	content: '';
	width: 0;
	height: 2px;
	background: #ff69b4;
	display: block;
	margin: auto;
	transition: 0.5s;
}

.nav-links ul li:hover::after {
	width: 100%
}

.btn{
	margin: 2px 0px;
	padding: 10px 20px;
	background color: : #ff69b4;
	font-weight: normal;
	border: 0;
	cursor: pointer;
	outline: none;
	font-family: Avenir;
}



.imgRv{
	height: 30vh;
	background: url(../img/review-app.png);
	background-size: cover;
	background-position: center;
	align-content: center;
}

.nav-links .btn{
	color: #ff69b4;
	font-size: 14px;
	float: right;
}


.banner-title{
	margin: 190px 60px
	color:#ff69b4;
}
.banner-title h1{
	font-size: 64px;
	margin-bottom: 30px;
	line-height: 100px;
	float: center;
	
	padding: 100px 20px;
	text-align: left;
	font-family: 'Nunito', sans-serif;
	font-color: #fff;
}


.banner-title .btn {

	margin: 5px 100px;
}




h1 {
	color: white;
	font-family:'Pattaya', sans-serif; 
}

h3 {
	background-color: #fff;
}

h2 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	font-family: 'Pattaya', sans-serif;
	}
.header {
	font-family: 
}


section-one {

	background-color: hotpink;


}


section-two {
	background-color: aquamarine;

}

section-three {
	background-color: deeppink;
	
}



header,section {
width: 100vw;
height: 100vh;


}

nav {
	position: fixed;
	top: 45vh;
	right: 5vw;
}

ul {
	list-style-type: none;
}

figure {
	width: 2vw;
	height: 2vw;
	border: 0.2vw ff69b4;
	background-color: #fff;
	border-radius: 50%;
	margin-bottom: 1vh;
}


figure:hover {
	background-color: springgreen;
	border-color: black;
	}



body{
	background-color: aqua;
}



/* CSS COLOR CLASSES */



.aqua {
background-color: aqua;
}

.black {
	background-color: black;
}

.blanchedalmond{
	background-color: blanchedalmond; 
}

.lemonchiffon {
	background-color: lemonchiffon;
}


.snow{
	background-color: snow;
}
.hotpink {
	background-color: hotpink;
}
.rebeccapurple {
	background-color: rebeccapurple;
}
.springgreen {
	background-color: springgreen;
}
.chartreuse {
	background-color: chartreuse;
}
.deeppink {
	background-color: deeppink;
}

.dodgerblue {
	background-color: dodgerblue;
}

.mistyrose {
	background-color: mistyrose;
}

.aquamarine {

	background-color: aquamarine;
}


.lavender {
	background-color: lavender;
}
.violet {
	background-color: violet;
}

.peachpuff {
	background-color: peachpuff;
}

.mediumspringgreen {
	background-color: mediumspringgreen;
}