@media only screen and (max-width: 959px) and (min-device-width : 800px) {
.container {
	width: 750px;
}
.main-container {
	-webkit-box-shadow: 0 0 10px 2px #262626;
	box-shadow: 0 0 10px 2px #262626;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-border-radius: 15px;
	border-radius: 16px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}
.main-container h1 {
	font-size: 34px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	line-height: 46px;
}
.main-container h2 {
	font-size: 29px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h3 {
	font-size: 26px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h4 {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.title2 {
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.seed-type {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
}


@media only screen and (max-width: 799px) and (min-device-width : 620px) {
.container {
	width: 550px;
}
.main-container {
	-webkit-box-shadow: 0 0 10px 2px #262626;
	box-shadow: 0 0 10px 2px #262626;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-border-radius: 15px;
	border-radius: 16px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}
.main-container h1 {
	font-size: 34px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	line-height: 46px;
}
.main-container h2 {
	font-size: 29px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h3 {
	font-size: 26px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h4 {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.title2 {
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.seed-type {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
}


@media only screen and (max-width: 619px) and (min-device-width : 480px) {
.container {
	width: 450px;
}
.main-container {
	-webkit-box-shadow: 0 0 10px 2px #262626;
	box-shadow: 0 0 10px 2px #262626;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-border-radius: 15px;
	border-radius: 16px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.main-container h1 {
	font-size: 32px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	line-height: 44px;
}
.main-container h2 {
	font-size: 27px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h3 {
	font-size: 24px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h4 {
	font-size: 19px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.title2 {
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
}


@media only screen and (max-width: 479px) and (min-device-width : 320px) {
.container {
	width: 280px;
}
.main-container {
	-webkit-box-shadow: 0 0 10px 2px #262626;
	box-shadow: 0 0 10px 2px #262626;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.main-container h1 {
	font-size: 30px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	line-height: 42px;
}
.main-container h2 {
	font-size: 25px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h3 {
	font-size: 22px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.main-container h4 {
	font-size: 17px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.title2 {
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

}