.navbar{
    /* background-color:#a88132; */
    background-color: wheat;
}
.navbar-inverse .navbar-brand{
    /* color:white */
    color: #423d2e

}
.navbar-inverse .navbar-nav>li>a{
    color:#423d2e;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 15px 15px;
}
.navbar-inverse .navbar-right>li>a{
    line-height: 20px;
    padding: 0;
}

.content{
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    color: #423d2e
    
}
.center{
    /* padding-top: 10px;
    /* width: 100%;  */
    /* background-image: url('/static/favicons/welcomePic.JPG');
    background-repeat: no-repeat;  */
    position: relative;
    text-align: center;
    color:white;
}

.welcomMsg{
    position:absolute;
    color:black;
    background: white;
    border: 3px solid wheat;
    top:25%;
    left: 22%;
    font-size: 3vw;
    transform: translate(-30%, -30%)
}
#aboutMe{
    text-align: center;
}
.text-home{
    font-size: 0.65em;
}
.text-travel{
    font-size: 0.85em;
}
body{
    background-color: white;
    color: #423d2e;
}
.circleabout { 
    height: 0;
    width: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 100px solid wheat;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 20px;
}

.brief{
    border: dotted rgb(235, 156, 11);
    padding: 25px;
}
#about{
    text-align: center;
    margin: 30px;
}
.elev_pitch{
    font-size: 1.5em;
    line-height: 40px;
    border: dotted wheat;
    padding: 40px;
}

.list{
    font-size: 1.0em;
    border: 3px dotted wheat;
    padding: 10px 50px 20px;
}
.prof{
    margin-left:50px
}
.pers{
    margin-left: 40px;
}
.projects{
    padding-top: 50px;
    text-align: center;
}
.chic{
    font-size: 1em;
}
#more{
    display: none;
}
#bttn{
    color: black;
    background-color: wheat;
    margin: auto;
    padding: 15px
}
.container{
    margin-top: 40px;
    text-align: center;
}
.LLC{
    border: dotted wheat;
    padding: 40px;
    margin-bottom: 10%;
}
.hps{
    border: dotted wheat;
    padding: 40px;
    margin-bottom: 10%; 
}
#bttnhps, #bttnindia, #bttndubai, #bttnperu, #bttnparis{
    color: black;
    background-color: wheat;
    margin: auto;
    padding: 15px
}
#moreindia{
    display: none;
    /* font-size: 1.5em; */
}
.indiatext{
    text-align: center;
}
.country, .dubai {
   border: dotted wheat;
   padding:40px;
  }

.aboutcountry, #moreindia{
      padding-top: 40px;
      /* font-size: 1.2em; */
  }
  #moredubai, #moreperu, #moreparis{
      display: none;

  }

  #morehps{
      display: none;
  }
  #when{
      font-size: 0.7em;
  }

  nav a:hover {
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    padding: 6px 0; 
  }

  * {
    box-sizing: border-box;
  }
  
  /* Create two equal columns that floats next to each other */
  .column {
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column {
      width: 100%;
    }
  }