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


html,body 
{
  line-height: 1.6em;
}
  
a {
  color: #333;
  text-decoration: none;
}

h1,h2,h3 {
  padding-bottom: 20 px;
}

p {
  margin: 10 px 0;
}

.container
{
  margin: auto;
  max-width: 2400px;
  overflow: auto;
  padding: 0 20px;
}

#profile {
  /*background: url('../img/profile.jpg') no-repeat*/
  /*center center/cover;*/
  /* height: 600px; */
  margin: 2%;
}

#bodyText
{
  background: #ddd;
  /* color: #fff; */
  overflow: auto;
  /* float: left; */
  margin: 3%;
  margin-top: 2%;
  margin-bottom: 0%;  
  margin-right: 0%;
  padding: 1.5%;
  border-radius: 10%;
  width: 80%;  
  max-width: 1800px;
}

#reviewList
{
  padding: 10px;
  background: #fff;  
  float:left;
  margin-top: 0%;
  margin-bottom: 0%;
}

#myheading
{
  display:block;
  margin: 1%;
  margin-top:5%;
  margin-bottom: 0.5%;
  width:100%;
  float:left;    
}

.review
{
  font-size: larger;
  padding: 20px; 
  margin-top: 0%;
  margin: 2%;
  margin-left: 5%;
  background: #ccc;
  color: #000;  
  float:left;
  width: 80%;
}

#bodyText ul
{
  padding: 5px;
  margin-left: 35px;
}

#courses
{  
  float: left;
  max-width: 80.0%;
  min-width: 30.0%;
  width: 60%;
  background: rgb(172, 148, 98);
  /* color: #fff; */
  overflow: auto;
  padding: 10px;
  min-height: 220px;
}
#courses ul
{
  padding: 20px;
  margin-left: 15px;
}

#languages
{
  float: left;
  max-width: 80.0%;
  min-width: 30.0%;
  width: 40%;
  background: rgb(131, 116, 184);
  /* color: #fff; */
  padding: 10px;
  /* overflow: auto; */
  min-height: 220px;
  
}
#languages ul
{
  padding: 20px;
  margin-left: 35px;  
}

#contactForm
{
  float:left;
  padding: 20px;
  margin: 20px;
  background: #fff;
  color: #000;
  width: 100%;
}

#form_group_left
{
  float: left;
  width: 50%;
}

#form_group_right
{
  float: right;
  width: 50%;
}

input[type=text], input[type=tel], input[type=email] {
  width: 60%;
  padding: 6px 10px;
  margin: 8px 0;
  display: inline-block;
  border: none;
  border-bottom: 2px solid #888;  
  box-sizing: border-box;
}

input[type=submit] {
  width: 80%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

textarea {
  width: 80%;
  padding: 6px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #888;
  border-bottom: 2px solid #888;  
  box-sizing: border-box;
}


#midbody
{  
  /* max-width: 80.0%; */
  max-width: 1800px;
  margin: 3%;
  margin-top: 2%;
  margin-bottom: 1%;  
  background: rgb(59, 59, 59);
  padding: 5px;
  float: left;
  width: 80%;
  border-radius: 2%;  
}

#navbar
{
  background: #333;
  color: #fff;
  overflow: auto;
}

#navbar a
{
  color: #fff; 
}

#navbar h1
{
  float: left;
  padding-top: 20px;
}

#navbar ul
{
  float: right;
  list-style: none;
}

#navbar ul li
{
  float: left;
}

#navbar ul li a
{
  display: block;
  padding: 20px;
  text-align: center;
}

#navbar ul li a:hover,
#navbar ul li a.current
{
  background: #444;
  color: #f7c08a;
}

img.rounded {
  object-fit: cover;
  border-radius: 10%;
  padding: 20px;
  margin: 5px;  
}

.profileText {
  display: block;
  float: left;
  width: 60.0%;
  min-width: 600px;
  /* max-width: 60%;
  min-width: 40%; */
  margin: 5px;
  padding: 2%;
  margin-bottom: 2%;
}

.profileImg {
  width: 30.0%;
  min-width: 300px;
  float: left;
  margin: 3%;
  margin-top: 1%;
  padding-top: 0;  
  margin-bottom: 0;
}

#profileSection {
  /* max-width: 80%; */
  max-width: 1800px;
  /* margin-bottom: 0; */
  margin-right: 0%;
}