* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

/* Defines basic page structure*/
.pgbackground {
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgb(30, 30, 30);
}

.pgcontainer {
  width: 800px;
  height: 100%;
  display: block;
  margin: auto;
  background-color: black;
}

.pgheader{
  width:100%;
  height: 175px;
  display: block;
  margin: auto;
  background-color: black;
}

.pgcontent{
  width: 100%;
  min-height: 1000px;
  height: 100%;
  display: block;
  margin: auto;
  background-color: rgb(40,40,40);
}

.pgfooter{
  width:100%;
  height: 125px;
  display: block;
  padding-top: 25px;
  background-color: black;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Header Formatting */
.branding{
  height: 100px;
  padding-left: 25px;
  padding-top: 25px;
}

.logo {
  height: 100px;
  display: block;
  float: left;
}

.title {
  color: rgb(155, 93, 155);
  height: 100px;
  display: block;
  padding-left: 175px;
}

.title h1{
  font-size: 4em;
  padding-top: 16px;
}

.nav_bar{
  display: block;
  padding-left: 200px;
  padding-top: 5px;
}

.nav_link {
  color: rgb(155, 93, 155);
  padding-right: 50px;
}

/* Footer Formatting */
.pgfooter a {
  color: rgb(155, 93, 155);
  padding-left: 25px;
}

/*This content is for the articles page*/
.featured_content{
  padding-left: 25px;
  width: 375px;
}

.featured_link {
  width: 350px;
}

.featured_item {
  width: 350px;
  background-color: black;
  padding: 10px;
  border-radius: 20px;
  margin-top: 10px;
}

.featured_image {
  width: 350px;
  border-radius: 10px;
}

.article_title {
  width: 350px;
  background-color: inherit;
  color: rgb(150, 150, 150);
  font-size: x-large;
  font-weight:bold;
}

.article_info {
  width: 350px;
  background-color: inherit;
  color: rgb(120, 120, 120);
  font-size: large;
}

h1.article_heading {
  color: rgb(155, 93, 155);
  padding-left: 25px;
  padding-top: 10px;
}

/* Portfolio Page Stuff */
a.tool_link{
  color: rgb(220,220,220);
  padding-left: 35px;
  text-decoration: underline;
}
p.tool.soil{
  color: rgb(220,220,220);
  padding-left: 35px;
  padding-right: 375px;
}

label.soil{
  color: rgb(155, 93, 155);
  padding-left: 25px;
}

p.tool, label.tool{
  color: rgb(220,220,220);
  padding-left: 35px;
}

label.tool_header{
  color: rgb(220,220,220);
  padding-left: 35px;
}

input.radio{
  color: rgb(220,220,220);
  margin-left: 35px;
}

label.radio{
  color: rgb(220,220,220);
}

img.tool{
  padding-left:140px;
}

h1.tool {
  color: rgb(155, 93, 155);
  padding-left: 25px;
}

/* About Page Stuff */
.about_block {
  color:rgb(155, 93, 155);
  padding-left: 25px;
}

.about_body {
  color:rgb(167, 167, 167);
  font-size: 1.08em;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  padding-left: 25px;
  flex-grow: 10;
}

.about_left {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  flex-grow: 10;
}

.about_right {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.rcorners {
  border-radius: 25px;
}

/*Security Page CSS*/

span.security_heading{
  color:rgb(155, 93, 155);
  font-size: 50px;
  padding-left: 25px;
  text-decoration: underline;
}

p.security_subheading{
  color:rgb(155, 93, 155);
  font-size: 20px;
  padding-left: 25px;
  padding-top: 10px;
  margin-right: 200px;
}

p.security_body{
  color:rgb(190, 190, 190);
  font-size: 20px;
  padding-left: 25px;
  padding-top: 10px;
  margin-right: 200px;
}


.pgcontent.security{
  width: 100%;
  min-height: 1000px;
  height: 100%;
  display: block;
  margin: auto;
  padding-top: 25px;
  background-color: rgb(40,40,40);
}

/*Plant recommender CSS*/

label.form_alert{
  color: rgb(100,100,100);
  padding-left: 35px;
}