/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face{

	font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:900;
	font-display:block;
	
	src:url(../webfonts/fa-solid-900.eot);
	src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
	
	url(../webfonts/fa-solid-900.woff2) format("woff2"),
	url(../webfonts/fa-solid-900.woff) format("woff"),
	url(../webfonts/fa-solid-900.ttf) format("truetype"),
	url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
	}

	.fa,.fas{
	font-family:"Font Awesome 5 Free";
	font-weight:900
	}

	* {
		box-sizing: border-box;
	  }
	  
	  .heighttable{
		  height: 23px;
	  }
	  
	  .fakeimg2{
		  margin-bottom:20px;
	  }
	  
	  /* Column container */
	  .row2 {  
		display: -ms-flexbox; /* IE10 */
		display: flex;
		-ms-flex-wrap: wrap; /* IE10 */
		flex-wrap: wrap;
		margin-bottom:20px;
	  }
	  
	  /* Create two unequal columns that sits next to each other */
	  /* Sidebar/left column */
	  .side {
		-ms-flex: 30%; /* IE10 */
		flex: 30%;  
		
	  }
	  
	  /* Main column */
	  .main {   
		-ms-flex: 70%; /* IE10 */
		flex: 70%;
		background-color: white; 
	  }
	  
	  /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
	  @media screen and (max-width: 700px) {
		.row2 {   
		  flex-direction: column;
		}
		
		.fakeimg2, imguser {
		  text-align: center;
		  border: 1px solid red;
		  border-radius: 20px;
		  padding:8px;
		  
		}
	  }
	  
	  /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
	  @media screen and (max-width: 400px) {
		.navbar a {
		  float: none;
		  width: 100%;
		}
	  }