body{ 
background-image: url(../img/pinkheartsbg-04.png);}

header{
	display: none;
}

section{
	font-family: helvetica;
	display: inline-block;
	margin: 2em;

}

article{
	font-family: helvetica;
	font-style: oblique;
	text-align: left;
	
}

.top{
	width: 1940px;
	height: 30px;
	background-color: lightpink;
	margin: 0px;
	padding: 0px;
}
.top2{
	width: 100px;
	height: 20px;
	background-color: limegreen;
	border-radius: 5pt;
	margin: 10px;
	padding: 0px;
	font-size: 17pt;
	text-align: center;
}

.bxone{
	margin-top: 20px;
	padding: 10px;
	background-color: lightpink;
	border-radius: 10px;
	width: 15vw;
	height: 40.5vw;
	margin-left: 20px;
}

.secone{
	width: 15vw;
	height: 10.5vw;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin: 0px;
	padding: 0px;


}

.sectwo{
	width: 15vw;
	height: 34vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;

}

.slides{
	width: 15vw;
	height: 8.9vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;
	font-size: 20pt;

}

.bxtwo{
	width: 70vw;
	height: 60vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: left;
	margin-top: 30px;
	margin-left:10px;
	position: fixed;

}

.pone{
	font-size: 50pt;
	font-weight: 700;
	margin-left: 5px;
}
.rzr{
	width: 15vw;
	margin-left: 0;
	position: fixed;
}

.ptwo{
	font-size: 20pt;
	margin-left: 300px;
}

/* HERE IS MY BREAKPOINT FOR TABLETS*/


@media screen and (max-width: 1200px) {

.bxone{
	margin-top: 20px;
	padding: 10px;
	background-color: lightpink;
	border-radius: 10px;
	width: 18vw;
	height: 60vw;
	margin-left: 20px;
}

.secone{
	width: 18vw;
	height: 10.5vw;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin: 0px;
	padding: 0px;


}

img{
	width: 59px;
}

.sectwo{
	width: 18vw;
	height: 37vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;

}

.slides{
	width: 18vw;
	height: 8.9vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;
	font-size: 20pt;

}
.bxtwo{
	width: 70vw;
	height:70vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: left;
	margin-top: 30px;
	margin-left:10px;
	position: fixed;

}

.pone{
	font-size: 40pt;
	font-weight: 700;
	margin-left: 5px;
}

.rzr{
	width: 18vw;
	margin-left: 0;
	position: fixed;
}

.ptwo{
	font-size: 18pt;
	margin-left: 200px;
}


/* HERE IS MY BREAKPOINT FOR SMARTPHONES*/

@media screen and (max-width: 600px) {

	.bxone{
	margin-top: 20px;
	padding: 10px;
	background-color: lightpink;
	border-radius: 10px;
	width: 18vw;
	height: 120vw;
	margin-left: 20px;
}

.secone{
	width: 18vw;
	height: 27vw;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin: 0px;
	padding: 0px;


}

img{
	width: 59px;
}

.sectwo{
	width: 18vw;
	height: 41vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;

}

.slides{
	width: 18vw;
	height: 6vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;
	font-size: 13pt;

}
.bxtwo{
	width: 65vw;
	height:90vh;
	background-color: whitesmoke;
	border: solid 2pt black;
	text-align: left;
	margin-top: 30px;
	margin-left:0px;
	position: fixed;

}

.pone{
	font-size: 30pt;
	font-weight: 700;
	margin-left: 5px;
}

.rzr{
	width: 30vw;
	margin-left: 0;
	position: fixed;
}

.ptwo{
	font-size: 16.7pt;
	margin-left: 5px;
	margin-top: 210px;
}