@charset "UTF-8";
/* CSS Document */





.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.content2 {
  max-width: 80%;
  margin: auto;
 /* background:rgba(159,205,99,1.00); */
 border: 1px solid green;
  padding: 15px;
 align-items: center;
margin-top: 10%; 
margin-bottom: 7%;
text-align: center;
}

/*   boxes in body Main page container */ 



/*   boxes in body */ 

.grid-container {
  display: grid;
  grid-column-gap: 2px ;
  grid-row-gap: 20px;
  grid-template-columns: auto auto auto auto ;
  background-color:rgba(255,255,255,1.00)
 
}
img{
  max-width: 90%;
  height: auto;
  align-items: center;
  padding: 1px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(159,205,99,1.00);
  padding: 15px;
  font-size: 18px;
  text-align: center;
  
}

/*  end of boxes on body */ 


 
.grid {
  margin: 2em 0;
  display: grid;
  grid-template-columns: fit-content(300px) 1fr;
  width: 960px ;
  text-align: center;
  padding-left: 150px;
}

.grid iframe {
 max-width: 350px;
 display: block;	
 padding-right: 30px;
 height: 250px;
}

.grid h3{
padding-top: 20px;
text-align:left;	
/*font-family: Arial, Helvetica, sans-serif; */
font-family: "Times New Roman", Times, serif;
color: rgba(0,0,0,1.00);
font-weight: 500;	
}
.grid strong{
font-weight: 900;
	
}
.poster{
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
padding: 20px;
margin-bottom: 30px;
margin-top: 100px;
}	
.racist{
max-width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
text-decoration: none;	
}

	
.endlink{
text-align: center;	
	
}


.racist h3{
text-align:left;	
/*font-family: Arial, Helvetica, sans-serif; */
font-family: "Times New Roman", Times, serif;
color: rgba(0,0,0,1.00);
font-weight: 500;		
padding-bottom: 100px;

}
.racist p{
margin: 20px	

}

.racist strong{
font-weight: 900;	
	
	
}

.more{
padding-left: 120px;
padding-top:  60px;
padding-bottom: 80px;
}

.more h3{  padding-top: 60px;
font-size: 22px;
font-family: "Times New Roman", Times, serif;
}
	

.laws p{
margin: 20px

}

.endlink{
text-align: center;
margin-bottom: 200px;	
	
}


/* scrolling action */
/*
#top,#middle,#hemp,#bottom{
    height: 300px;
    width: 300px; 
  
}