@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;
     color:#000000;
     font-family:'Montserrat', sans-serif;
     font-size:16px;
     line-height:22px;}

h1{font-size:25px;
   font-weight:normal;
  }
/*end of welcome*/

h2{font-size:28px;
   font-weight:normal;}
/*order yours today-end*/

h3{font-size:25px;
   font-weight:normal;}

p{}

a{color:#B80738;
  text-decoration: none;}
a:hover{text-decoration:underline;}



.wrapper{/*background-color: aqua;*/
         max-width:1315.54px;
	     width:95%;
         margin-left:auto;
         margin-right:auto;
         }
.clearfix{clear:both;}

/*this is the header*/
header{background-color:#FA4D93;}

#toggle{
       float:right;
       margin-right:20px;
       margin-top:110px;
      }

#logo{max-height:150px;
      float: left;
      padding-top: 40px;
      padding-left: 40px;
      padding-bottom: 40px;
      margin-bottom: 20px;}


.value-prop{background-color: white;
	        color:#FA4D93;
	        text-align: center;
            width:95%;
            margin-left:auto;
         margin-right:auto;
         }

/*footer starts here*/

footer{background-color:#FA4D93;
       padding: 40px 0;}

#footernav{}

#footernav ul{margin:0;pading:0;
              
              text-align:center;}

#footernav li{list-style:none;
              display:inline-block;
              margin-left:60px;
              margin-right:60px;}

#footernav a{color:white;}
/*footer ends here...*/


/*order yours today starts here...*/
#sweets{background-color:pink;
        text-align: center;}

#sweets h1{color:#FA4D93;
	       font-weight:600;
           padding-top:20px;
           font-size:28;}

.treat{
	   display:inline-block;
       width:425px;
       margin-left:5px;
       margin-right:5px;
       margin-top:40px;}

.treat img{width:100%;
           height:auto;}
/*end of treats...*/

/*start of about and forms..*/
#about{background-color:#FA4D93;
       height:400px;
       margin-top:80px;}

.about{color:white;
	   font-weight:500;
       display: block;
       width:450px;
       height:auto;
       padding:10px 30px 20px 30px;
       text-align:left;
       float:left;
       margin: 40px 30px 40px 40px;
       line-height: 35px;}

form{display:block;}

.pick{
      width:500px;
      height:auto;
      float:right;
      padding: 20px 10px 0px 10px;
      margin:50px 40px 20px 40px;}

.pick select{width:300px;
             height:100px;
             margin-right:60px;
             }

.pick select option{text-align: center;
                    font-size: 17px;}
.pick p{color:white;
	    text-align: center;
	    display: inline-block;
        width:350px;
        height:auto;
        font-size: 17px;
        margin-top: 50px;
	    margin-right:40px;
        }
.pick textarea{fony-size:17px;
               width:300px;
               height:80px;
               }
.pick input{display:block;
            float:right;
           }
fieldset{display:block;}
/*end of about...*/

/*tstimonials start here..*/
#customers{color:#FA4D93;
	       font-weight:400;
           text-align:center;
           background-color:pink;
           margin-top:-25px;
           }

#customers h3{
             padding-top:40px;
             font-weight: 600;
             }

.user{background-color:#FA4D93;
	  color:white;
      width:500px;
      height:auto;
      float:right;
      display:inline-block;
	  line-height:35px;
	  padding: 2px 2px 2px 2px;
      text-align: center;
      margin:-500px 100px 40px 0px;}


#hair{float:left;
      height:auto;
      width:500px;
      margin:20px 0px 40px 90px;}

/*end of testimonial..*/

/*drinkaways..*/
#drinks{background-color:#FA4D93;
        display:inline-block;
        width:100%;
        height:auto;
      }
#drinks h3{color:white;
           width:700px;
           padding:22px 15px 22px 15px;
           text-align: center;
	       margin-left:300px;
	       margin-right:250px;
	      font-weight:600;
	      line-height:30px;
           }
#drinks p{color:white;
float:left;
width:400px;
padding:40px 30px 40px 30px;
line-height:35px;
margin: 20px 100px 20px 100px;
  font-weight:400;}

#drinks a{color:white;
margin-left: 130px;}

#drinks img{
            float:right;
            width:600px;
            height:auto;
            margin:-270px 35px 35px 0px;}
/*end of drinkssss*/

/*beginning of boxes...*/
#save{color: black;
	  background-color:pink;
      display: inline-block;
      width:100%;
      height:auto;}

#save h3{color: #FA4D93;
         width:600px;
         padding:22px 0px 22px 0px;
         text-align: center;
         font-weight:600}
#save img{float: right;
          width: 600px;
          height: auto;
          margin: -300px 30px 30px 0px}
.love{background-color:#FA4D93;
	  color:white;
      width:500px;
	  height:200px;
      margin: 80px 0px 20px 80px;
      padding: 2px 2px 2px 10px;
      line-height: 35px;}
.love a{color:white;
        }
/*end of boxes,,,*/

/*questions....*/
#questions{width: 1315px;
background-color:white;
color:#FA4D93;}
#questions h3{
              text-align: center;
              font-weight:500;
              color: #FA4D93;
              margin-top: 50px;}
.que{color:#FA4D93;
     text-align: center;
     font-weight: 500;}
.leg{color:#FA4D93;
     font-weight:500;}
/*end of questionss*/


/*.............................media queries..........*/


@media screen and (max-width: 1370px) {
}
.treat{
       width:400px;
       margin-left:14px;
       margin-right:7px;
       margin-top:40px;}

@media screen and (max-width: 1330px){
	.treat{
       width:330px;
       margin-left:50px;
       margin-right:15px;
       margin-top:40px;}
#nutrition{/*background-color:orange;*/
	       display: block;
	       margin-top: 20px;}
	}
@media screen and (max-width: 1252px){
	.user{display:inline-block;
	  line-height:35px;
	  padding: 2px 2px 2px 2px;
      text-align: center;
      margin:-500px 40px 40px 70px;}
	.love{color:white;
      width:500px;
	  height:200px;
      margin: 80px 30px 20px 20px;
      padding: 2px 2px 2px 10px;
      }
	#questions{width: 100%;}
}
@media screen and (max-width: 1230px){
.pick{/*background-color: #F33B3F;*/
      display:inline-block;
	  text-align: center;
	  margin-top:-360px;
   }
#hair{width:450px;}
#save img{
          width: 500px;
          height: auto;
          margin: -300px 30px 30px 0px}
#drinks img{
            width:500px;
            height:auto;
            margin:-270px 35px 35px 0px;}
}

@media screen and (max-width: 1080px){
	h1{font-size: 20px;}
.user{ width:450px;
      font-size: 15px;
	  line-height:35px;
      margin:-500px 0px 40px 50px;}
.pick{ width:450px;
      padding: 20px 10px 0px 10px;
      margin:-350px 0px 20px 80px;}
drinks img{
            width:500px;
            margin:-190px 35px 35px 0px;}	
#drinks p{
padding:40px 30px 40px 30px;
margin: 10px 100px 20px 30px;
font-weight:400;
font-size: 15px;}
#drinks h3{ padding:22px 15px 22px 15px;
           margin-left:100px; }
.love{ width:500px;
	  height:200px;
      margin: 30px 0px 35px 30px;
      padding: 2px 2px 2px 10px;
      line-height: 30px;}	
#save img{float: right;
          width: 400px;
          height: auto;
          margin: -300px 30px 0px 0px}	
}
@media screen and (max-width: 1000px){
	.treat{
	   display:block;
       width:350px;
       margin-left:325px;}
.pick select{width:200px;
             height:100px;
             margin-right:60px; }
.pick select option{text-align: center;
                    font-size: 13px;}
.pick textarea{fony-size:13px;
               width:200px;
               height:80px;}
.pick{margin-top:-370px;}
.about{font-size: 14px;
	       margin-top:10px;
	       width:350px;}
#hair{
      width:350px;
      margin:50px 0px 40px 90px;}
.user{
      margin:-400px 30px 40px 0px;}	
#drinks img{width:400px;
            margin:-270px 35px 35px 0px;}
.love{
      width:450px;
	  height:200px;
      margin: 40px 0px 20px 40px;
      line-height: 30px;}
#save img{
          margin: -280px 30px 30px 0px}
}
@media screen and (max-width: 800px){
.treat{
	   display:block;
       width:300px;
       margin-left:225px;
       margin-right:5px;
       margin-top:40px;}
#about{background-color:#FA4D93;
       height:700px;
       margin-top:80px;}
.about{/*background-color: orange;*/
       width:450px;
       text-align:center;
	   display: inline-block;
       margin: 40px 0px 0px 120px;}
.pick{/*background-color: orange;*/
      width:500px;
      height:auto;
      float:right;
      margin:50px 80px 40px 0px;}
#hair{display:inline-block;
      width:320px;
      margin:20px 0px 40px 220px;}
.user{
      margin:0px 140px 40px 0px;}		
#drinks h3{/*background-color:orange;*/
           width:500px;
	       margin-left:100px;
	       margin-right:190px;}	
#drinks p{/*background-color:orange;*/
width:400px;
margin: 20px 80px 20px 150px;
}

#drinks a{color:white;
margin-left: 180px;
margin-top: -30px;
margin-bottom:30px;}

#drinks img{display:block;
	width:400px;
            margin:0px 170px 30px 0px;}	
#save h3{color: #FA4D93;
	    /* background-color:orange;*/
         width:600px;
         margin-left:100px;}
#save img{display:inline-block;
          width: 400px;
          margin: 0px 150px 30px 0px}
.love{display:inline-block;
	  color:white;
      width:400px;
	  height:200px;
      margin: 0px 0px 20px 200px;}


#logo{max-height:100px;
      padding-top: 40px;
      padding-left: 40px;
      padding-bottom: 20px;
      margin-bottom: 20px;}}

@media screen and (max-width: 500px){
	
#logo{max-height:100px;
	  width:auto;
      float: left;
      padding-top: 00px;
      padding-left: 0px;
      padding-bottom: 0px;
      margin-bottom:0px;
	  display:block;
	 /* background-color: aqua;*/}	
#toggle{/*background-color:orange;*/
       float:right;
       margin-right:20px;
       margin-top:30px;
      }	
.treat{
	   display:block;
       width:300px;
       margin-left:100px;
       margin-right:5px;
       margin-top:40px;}	
	#about{background-color:#FA4D93;
       height:900px;
       margin-top:80px;}
.pick{/*background-color: orange;*/
      width:500px;
      height:auto;
      float:right;
      margin:50px 0px 40px 20px;}	
.about{/*background-color: orange;*/
       width:400px;
       text-align:center;
	   display: inline-block;
       margin: 40px 0px 0px 10px;}	
	.pick input{display:block;
           }
#hair{display:block;
      width:320px;
      margin:20px 0px 10px 90px;}
.user{
      margin:10px 10px 60px 0px;}		
}