*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container{
  margin: auto;
  max-width: 1100px;
  padding: 0 20px;
  overflow: auto;
}
body,html{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
                          /*Start Section-1*/
.Section-1{
  background-color: #2d2d2e;
  height: 70px;
  line-height: 70px;
}
.Section-1 header nav h1 a{
  font-size: 27px;
  float: left;
  color: white;
  text-decoration: none;
}
.Section-1 header nav ul{
  list-style: none;
  float: right;
}
.Section-1 header nav ul li{
  display: inline-block;
}
.Section-1 header nav ul li a{
  text-decoration: none;
  color: white;
  font-size: 19px;
  font-weight: bold;
  padding: 24px 20px;
  text-align: center;
}
.Section-1 ul li a:hover, .Section-1 ul li a.current {
  background: #444;
  color: #f7c08a;
  transition: .4s;
}
                            /*End Section-1*/

                            /*Start Section-2*/
.Section-2{
  background-color: #f2f2f3;
}
.Section-2 header{
  float: left;
  width: 50%;
  min-height: 100%;
  padding: 30px 0;
}
.Section-2 header h1{
  padding-bottom: 20px;
  font-size: 40px;
}
.Section-2 header h1 span{
  color: #f7c08a;
}
.Section-2 header p{
  line-height: 1.5em;
  margin: 10px 0;
}
.Section-2 .img{
  float: right;
  width: 50%;
  min-height: 100%;
}
.Section-2 .img img{
  display: block;
  margin: auto;
  width: 80%;
  border-radius: 50%;
}
                            /*End Section-2*/

                            /*Start Section-3*/
.Section-3{
  background: url("../img/test-bg.jpg");
  height: 550px;
}
.Section-3 h1{
  color: white;
  text-align: center;
  padding-top: 9%;
  font-size: 37px;
}
.Section-3 .two-box .Box-1{
  background-color: #f7c08a;
  border-radius: 15px;
  margin-top: 20px;
}
.Section-3 .two-box .Box-1 .Data{
  padding: 25px;
}
.Section-3 .two-box .Box-1 .Data .img-1{
  background: url("../img/Me.jpg") no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  float: left;
  border-radius: 50%;
  margin-right: 17px;
}
.Section-3 .two-box .Box-1 .Data .img-2{
  background: url("../img/person-2.jpg") no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  float: left;
  border-radius: 50%;
  margin-right: 17px;
}
.Section-3 .two-box .Box-1 .Data p{
  margin-top: 14px;
  line-height: 1.5em;
}
                            /*End Section-3*/

                            /*Start Section-4*/
.Section-4{
  background-color: #434344;
  color: white;
  height: 70px;
  text-align: center;
  line-height: 1.5em;
}
.Section-4 footer{
  padding-top: 15px;
}
.Section-4 span{
  color: #f7c08a;
}
                            /*End Section-4*/
