/************************* General *************************/
:root {
	--greenbox-color: #C5FF94;
	--text-dark: #142003;
	--text-light: #fff;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.noselect {
  user-select: none;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

body h1 {
	font-family: "Pacifico", cursive;
	font-weight: 400;
	margin: 0 0 10px 0;
}

body h2 {
	font-family: "Noto Sans", sans-serif;
	font-weight: bold;
	line-height: 1.6;
}

body h3{
	font-family: "Noto Sans", sans-serif;
	font-weight: bold;
	line-height: 1.6;
}

body h4{
	font-family: "Noto Sans", sans-serif;
	font-weight: bold;
	line-height: 1.6;
}

body p {
	font-family: "Noto Sans", sans-serif;
	font-weight: 350;
	line-height: 1.6;
}


/****************************************************
 *                    Smartphone                  *
 ****************************************************/

@media (max-width: 575.99px) {

body h1{
	font-size: 70px;
}

body h2{
	font-size: 14px;
}

body h3{
	font-size: 30px;
}

body h4{
	font-size: 18px;
	margin: 0 0 20px 0;
}

body p{
	font-size: 14px;
}
}

/****************************************************
 *                  Small devices                *
 ****************************************************/

@media (min-width: 576px) and (max-width: 768px) {

body h1{
	font-size: 70px;
}

body h2{
	font-size: 14px;
}

body h3{
	font-size: 30px;
}

body h4{
	font-size: 18px;
	margin: 0 0 20px 0;
}

body p{
	font-size: 14px;
}
}

/****************************************************
 *                  Medium devices               *
 ****************************************************/

@media (min-width: 768px) and (max-width: 991px) {

body h1{
	font-size: 80px;
}

body h2{
	font-size: 14px;
}

body h3{
	font-size: 40px;
}

body h4{
	font-size: 18px;
	margin: 0 0 20px 0;
}

body p{
	font-size: 14px;
}
}

/****************************************************
 *                  Large devices               *
 ****************************************************/

@media (min-width: 992px) and (max-width: 1199px) {

body h1{
	font-size: 80px;
}

body h2{
	font-size: 14px;
}

body h3{
	font-size: 40px;
}

body h4{
	font-size: 18px;
	margin: 0 0 20px 0;
}

body p{
	font-size: 14px;
}
}

/****************************************************
 *                  X-Large devices                *
 ****************************************************/

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

body h1{
	font-size: 100px;
}

body h2{
	font-size: 18px;
}

body h3{
	font-size: 50px;
}

body h4{
	font-size: 24px;
	margin: 0 0 20px 0;
}

body p{
	font-size: 18px;
}
}

/****************************************************
 *                  XX-Large devices                *
 ****************************************************/

@media (min-width: 1400px) {

/************************* General *************************/
body h1{
	font-size: 120px;
}

body h2{
	font-size: 24px;
	font-size: 20px;
}

body h3{
	font-size: 60px;
}

body h4{
	font-size: 24px;
	margin: 0 0 20px 0;
}

body p{
	font-size: 20px;
}
}