@import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&family=Love+Ya+Like+A+Sister&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Inconsolata:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Inconsolata:wght@500&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {

	font-family: 'Love Ya Like A Sister', cursive;
    font-size: 22px;
}
a {
	
	color: #d80000;
}
button{

	font-family: 'Love Ya Like A Sister', cursive;
    font-size: 22px;
}
input , textarea {
	font-family: 'Love Ya Like A Sister', cursive;
	font-family: 'Courier New', Courier, monospace;
    font-size: 18px;

}
ul li {
	padding: 5px;
}
ol li {
	padding: 5px;
}
h1, h2, h3 {
	margin-bottom: 0.7em;
}

* {
	box-sizing: border-box;
  }

  .test {
	position: fixed;
	display: flex;
	 justify-content:left;
	 align-items: left;
      top: 50px;
	  left: 20px;
}
  .navbar {
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	display: flex;
	 justify-content: center;
	 align-items: center;
	 margin-top: 0%;
	 background-color:#FFF;
	 height: 100px;
  }
  
  .navbar a {
	float: left;
	display: block;
	color: #000000;
	text-align: center;
	padding: 10px;
	margin: 5px;
	text-decoration: none;
	font-size:24px;
	background-color: rgb(226, 226, 226);
	width: 140px;
	height: 50px;
	border: 1px solid rgb(158, 158, 158);
	border-radius: 2px;
  }
  
  .navbar a:hover {
	background: #ddd;
	color: black;
  }
  .medialinks img {
	width: 150px;
	height: 150px;
  }

  .medialinks a {
	display:block;
	margin: 7px;
	
  }
 

  

  .content {
	  margin-top: 65px;
  }
  
  .left{
	float: left;
	width: 20%;
	/*background-color: blue;*/
	padding: 1%;
	margin-top: 1%;
	text-align: center;
  }
  
  
  .middle {
	float: left;
	width: 60%;
	/*background-color: crimson;*/
	padding: 2%;
	margin-top: 1%;
  }
  
  .right {
	/*background-color:chartreuse;*/
	float: left;
	width: 20%;
	padding: 1%;
	margin-top: 1%;
	text-align: center;
  }
  .down {
	  background-color:#e5e5e5;
	  text-align:center;
	  padding:10px;
	  margin-top:7px;
  }
  
  .images {
	max-width: 80%;
	height:auto;
  }
  .flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
	padding: 20px;
}
.elements{ 
    display: flex; 
    justify-content: center; 
    align-items: center;
	padding: 0px 10px 10px 10px;
}

  #logo {
	max-width: 20vw;
	height: auto;
  
  }

#frmContact {border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;}
#frmContact div{margin-bottom: 15px}
#frmContact div label{margin-left: 5px}
.demoInputBox{padding:10px; border:#8b8b8b 1px solid; border-radius:4px;}
.error{background-color: #ff0000;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #009607;border:#007504 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.info{font-size:.8em;color: #ff0000;letter-spacing:2px;padding-left:5px;}
.btnAction{background-color:#d80000;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}
  @media only screen and (max-width: 620px) {
	/* For mobile phones: */
	.left, .middle, .right {
	  width: 100%;
	}
  }

  .blog {
	font-family: "Open Sans", sans-serif;
  }
  .blog a {
	text-decoration: none;
	font-weight: bold;
  }
  #blog li {
	list-style: none;
	padding: 30px;
  }
  #blog ul {
	padding: 0px;
  }
  .datum {
	margin-left: 20px;
	font-weight: bold;
  }