#continer{

  
  min-height:100vh;
  max-width:100%;
  margin:0 auto;
  font-family: "Helvetica", sans-serif; 
}
body{

margin-left:0px;
margin-right:0px;

}
.navbar {
  width: 100%;
  background-color:#fbd830;
  position: fixed;
  top: 0;
  
}

.navbar a {
  display:inline-block;
  color: #2b1e1f;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: "Helvetica", sans-serif; 
  
}

.navbar a:hover {
  background: #ddd;
  color: black;
}

#experience{

  width:800px;
  min-height:100vh;
  margin-top: 100px;
  margin:0 auto;
  
  
  
}

.bottom-left {
  width:42.5%;
  padding: 4%  0% 0% 4%;
  font-family: "Myriad Pro", sans-serif; 
  color:#363938;
  margin-top:200px;
  float:left;
  line-height: 1.6;
  
  
}

.bottom-mid{
 width:5%;
 margin-top:140px;
 display:inline-block;
 
}

.bottom-right {
  width:42.5%;
  padding: 4%  0% 0% 4%;
  font-family: "Myriad Pro", sans-serif; 
  color:#363938;
  display:inline-block;
  line-height: 1.6;
  
}

#portfolio{

  width:100%;
  min-height:100vh;
  
  margin:0px auto;
  background-color:#fbd830;
  

}

.content{
  
  width:800px;
  min-height:100vh;
  padding-top:150px;
  margin:0px auto;

}

.title{
 font-size:40px;
 padding-top:40px;
 font-family: "Caviar Dreams", sans-serif; 
 margin-left:0%;


}

img{ 
  margin-top:30px;
  display:inline-block;
}

.Designtitle1{
 
 margin-left:53px;
 margin-right:50Px;
 font-family: "Helvetica", sans-serif;  
 font-size:20px;
 color:white;
 
 
}

.Designcontent1{

 margin-left:53px;
 margin-right:50Px;
 font-family: "Myriad Pro", sans-serif;  
 color:#363938;
 padding-bottom:20px;
 line-height: 1.6;
}

 h3{
 font-family: "Helvetica", sans-serif;
 display:inline-block;
 
 }
 
 #Skill{

  width:800px;
  min-height:100vh;
  margin-top: 100px;
  margin:0 auto;
}

hr{
 
 border-color:#fbd830;
 border-style: inset;
 border-width: 7px;
}

.line2{
  width:100%;
  margin-top:10px;
  margin-left:0px;
  display:inline-block;

  
}

.percen{
  size:40px;
  display:inline-block;
}

#AboutMe{
  width:100%;
  background-color:#fbd830;

}

table{
  width:100%;
}

.self-protrait{

 display:inline-block;
 padding-right:5%;
 padding-top:5%;
}

.abcontent{
    width: 60%;
    display: inline-block;
    margin-top: 6%;"
}
.ab{
 font-family: "Myriad Pro", sans-serif;  
 color:#363938;
 line-height: 1.6;
}

h3{
 font-family: "Helvetica", sans-serif;
 color:white;

}



@media (max-width:500px){

  #container {
    width: 100%;
    padding: 0; }

.navbar a {
    padding: 14px 6px 0px 0px;
    transition: padding 0.25s;
    font-size: 17px;
 }
  
  #experience{

    width:100%; }
    
 .bottom-left {
  font-size:13px;
  width:35%;
  padding: 0%  0% 0% 2%;
  font-family: "Myriad Pro", sans-serif; 
  color:#363938;
  margin-top:200px;
  float:left;
  line-height: 1.6;
}

.bottom-right {
  font-size:13px;
  width:35.5%;
  padding: 0%  0% 0% 1%;
  font-family: "Myriad Pro", sans-serif; 
  color:#363938;
  display:inline-block;
  line-height: 1.6;
  
}

.gfx1{
  width:50%;
  height:320px;
}

.content{
 
  width:100%;
  min-height:100vh;
  margin:0px auto;

}

.gfx2{
  width:100%;
  height:350px;
}

.gfx3{
  width:100%;
  height:600px;
}

 
 #Skill{

  width:100%;
  min-height:100vh;
  margin-top: 100px;
  margin:0 auto;
}


#AboutMe{

width:100%;
margin:0 auto;
}


.self-protrait{

width:100%;
 padding-right:5%;
 padding-top:5%;
 
}

.abcontent{
    width: 80%;
    margin-top: 6%;
    margin-left:10%;
    margin-right:10%;

}



}