fieldset{
margin:auto;
max-width:400px;
border-style:none;
background-color:black;
}

textarea{
background-color:white;
color:black
border-color:red
}

html,
body {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  background-color: #000;
    margin:0; 
    padding:0; 
    text-align:center; /* used to center div in IE */
}

#check {
	margin:0 auto;
}

a.drop {
	background-color: none;
	background: none;
	position: absolute;
}

ul.Dropdown-menu {
	background-color: black;
	/*background: none;*/
	position: absolute;
	padding:8px;

}

li.drop {
	/*background-color: none;
	background: none;*/
	position: absolute;
               
}

.join {
	font-size: 16px;
	margin: 0.5em;
}

#searchpagetfheader {
	float: right;
}

#tfnewsearch {
	float: right;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

input#resultsText {
	float: left;
	width: 13em;
	height: 2em;
}

input#resultsButton {
	margin-left: 0.2em;
	float: left;
	height: 2.9em;
}

.tftextinput{
	margin: 0;
	padding: 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px solid #993333; border-right:0px;
	border-top-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
}

.tfbutton {
	margin: 0;
	padding: 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: white;
	background: #993333;
	background: -webkit-gradient(linear, left top, left bottom, from(#923636), to(#ea7c7c));
	background: -moz-linear-gradient(top,  #923636, #ea7c7c);
	border: solid 1px #993333; border-right:0px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

.tfbutton:hover {
	text-decoration: none;
	background: #993333;
}

/* Fixes submit button height problem in Firefox */
.tfbutton::-moz-focus-inner {
	border: 0;
}

.tfclear{
	clear:both;
}

.button-group {
  margin-bottom: 0px;
}

.button{
  float:right;
}

.counter {
  display: inline;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
}
.posts {
  clear: both;
  list-style:none;
  padding-left: 0;
  max-width: 10%;
  background-color:white;
  margin-left: 0px;
}

.posts li {
  background-color: red;
  border: 0px solid #d8d8d8;
  padding-top: 0px;
  padding-left: 100px;
  padding-right: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  word-wrap: break-word;
  min-height: 42px;
}

label{
float:left; 
max-width:150px; 
}

.status-box{
margin-left: 20px;
color:black;
background-color:white;
border-style:none;
}
.p1{	
        font-size: 18px;
	line-height: 1.5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#about_lle {
  color: white;
}

#about_text {
  color: white;
  text-align: left;
}

.bullet {
  text-align: left;
}

#makers_text {
  color:white;
}

#contact {
  color:white;
}

.makers-section {
  /*padding-bottom: 150px;*/
  background-color: black;
}

::-moz-selection { /* Code for Firefox */
    background: #9DDAFB;
}

::selection {
    background: #9DDAFB;
}

p.comment.more {
	cursor: pointer;
}

p {
	color: white;
}

.home_banner {
	position: absolute;
    bottom: 2em;
}

.bio-titile {
	text-align: justify;
	text-justify: inter-word;
}

.bio-social {
	text-align: left;
	margin-left: 66px;
}
/* ----------- Reference --> https://mydevice.io/devices/ ----------- */
/* ----------- iPhones 4 and 4s ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
  		min-width: 320px;
  		max-width: 100vw;
  		margin: auto;
  		
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
	.page-scroll {
		background: none;
		background-color: none;
	}
}

/* ----------- iPhone 5 and 5s ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  	body {
  		min-width: 320px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
  		background-size: contain
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-custom {
		max-height: 5%;
	}

}


/* ----------- iPhone 6, 6s | 7, 8 ----------- */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	body {
  		min-width: 375px;
  		/*max-width: 100vw;*/
  		/*width: 375px;*/
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
  		background-size: contain;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
	
}

/* ----------- iPhone 6+, 6s+, 7+, 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	body {
  		min-width: 414px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}

/* ----------- iPhone X ----------- */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	body {
  		min-width: 375px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
  		background-size: contain;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
	
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	body {
  		min-width: 768px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}

/* ----------- iPad mini 2, 3, 4 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
  		min-width: 768px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}

/* ----------- iPad 1, 2 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	body {
  		min-width: 768px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}

/* ----------- iPad 3, 4, Air, Air2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
  		min-width: 768px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}

/* ----------- iPad Pro 9.7 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
  		min-width: 768px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}

/* ----------- iPad Pro 12.9 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
  		min-width: 1024px;
  		max-width: 100vw;
  		margin: auto;
  		position: absolute;
	}
	iframe {
		margin: auto;
		max-width: 100%;
	}
	.intro-body {
		max-width: 100%;
	}
	.navbar-header col-sm-4 {
		max-height: 5%;
	}
}