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


body {
  font-family: Poppins, OpenSans, Verdana;
  background:#555555;
}


/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
.logimg {width:100%}
.barlogimg {width:100%}

@media only screen and (min-width: 600px) {
	.tm-container{
	--fontsize: 12px;
	--fontcolor: blue;}
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .logimg-s {width: 30%;} .barlogimg-s{width:70%}
  .tm-header{display:flex; justify-content:space-around; }
  .tm-section{display:flex;justify-content:space-between;}
}




.tm-container{  max-width:95%; margin:0 auto;   margin-top:15px; padding-bottom:40px;}
	.tm-header{ height:100px; background:white; border-bottom :5px solid #f49586;  }
		.tm-logo{flex:3; }
			.tm-logo img{ height:80px; width:120px; padding-left:5px;   }
		.tm-headcontent{ color:green;  text-align:right;  background:white; flex:2;}
		
	
		
		.tm-section{ padding-top:5px; } 
		
			.tm-row1-lmenu{text-align:left; padding-left:1px;  flex-basis:15%; background:red; box-sizing:border-box;}
			.tm-row1-lmenu ul {list-style-type: none; margin: 0; padding: 0;} 
			.tm-row1-lmenu li { padding:8px; margin:2px;}
			.tm-row1-lmenu a { text-decoration:none; color:black; }
			.tm-row1-lmenu a:hover{ color:blue;}
			
			.tm-row1-content{color:orange; background:white ;  flex-basis:68%; box-sizing:border-box;}
			.tm-row1-rmenu{ background:orange; flex-basis:15%;box-sizing:border-box; }
			


			
.formcontainer{
	 margin:0 auto;
	 
	 
	 
  }
  .form-inline {  
  box-sizing: border-box;
  display: flex;
  align-items:center; 
 
 
}

.form-inline label {
  margin: 5px 10px 5px 0;
  text-align:right;
  flex:1;

}
.form-inline textarea{
 
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  flex:3;
  }  
.form-inline input {
 
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  flex:3;
  }

.formcontainer button {
  padding: 10px 20px;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
  float:right;
 
  
}

.formcontainer button:hover {
  background-color: royalblue;
}

@media (max-width: 600px) {
  .form-inline input {
    margin: 10px 0;
  }
  
  .form-inline {
    flex-direction: column;
    align-items: center;
  }
}