@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap');

main {
    background-color: black;
    padding: 0px 0 0px 0;
    margin-bottom: 80px;
}

@media screen and (max-width:415px){
	p{
		padding-left: 30px;
		padding-right: 30px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 30px;
		padding-right: 30px;
	}
}


@media screen and (min-width:415px){
	p{
		padding-left: 80px;
		padding-right: 80px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media screen and (min-width:615px){
	p{
		padding-left: 150px;
		padding-right: 150px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 150px;
		padding-right: 150px;
	}
}

@media screen and (min-width:715px){
	 .mainbody{
		padding-left: 400px;
		padding-right: 400px;
	}
	p{
		padding-left: 175px;
		padding-right: 175px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 200px;
		padding-right: 200px;
	}
	
}

@media screen and (min-width:915px){
   .mainbody{
		padding-top: 0px;
		padding-left: 400px;
		padding-right: 400px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 50px;
		padding-right: 50px;
	}
	p{
		padding-left: 250px;
		padding-right: 250px;
	}
}
@media screen and (min-width:900px){
	.mainbody{
		padding-top: 0px;
		padding-left: 400px;
		padding-right: 400px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 250px;
		padding-right: 250px;
	}
}
@media screen and (min-width:960px){
	.mainbody{
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.img-fluid{
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (min-width:1100px){
	p{
		padding-left: 350px;
		padding-right: 350px;
	}
}
@media screen and (min-width:1215px){
	.img-fluid{
		padding-top: 0px;
		padding-left: 00px;
		padding-right: 00px;
	}
   .mainbody{
		padding-top: 0px;
		padding-left: 400px;
		padding-right: 400px;
	}
	p{
		padding-left: 400px;
		padding-right: 400px;
	}
}
@media screen and (min-width:1400px){
	.mainbody{
		padding-top: 0px;
		padding-left: 400px;
		padding-right: 400px;
	}
	p{
		padding-left: 500px;
		padding-right: 500px;
	}
	
}