body{
  font-size: 1rem;
  font-family: 'Raleway', sans-serif;
}
.container_{
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto;
  text-align: center;
}
.container-fluid{
  padding-left: 0;
  padding-right: 0;

}
section{
  padding: 35px 20px 5px 20px; 
}
ul#socialIcons{
  list-style: none;
  padding-top: 10px;
}
ul#socialIcons li{
  display: inline-block;
  padding-right: 10px;
}
#slide-out{
  background-color: #945d5d;
}
#home_profile_name{
  padding: 80px 10px 20px 20px;
  font-size: 3rem;
}
#home{
  height: 100vh;
}
#profile{
  display:inline-block;
  vertical-align: top;
}
#experience{
  display:inline-block;
  vertical-align: top;
}
#technology{
  display:inline-block;
  vertical-align: top;
}
#education{
  display:inline-block;
  vertical-align: top;
}
#connect{
  /* height: 100vh; */
  height: auto;
  width: auto;
}

#profile_photo{
  height: 400px;
  width: 300px;
  border-radius: 90px;
}
ul#horizontal-list li {
  display: inline;
  padding-right: 10px;
}
ul#horizontal-list i{
  font-size: 4rem;
  padding-right: 10px;
}
ul#normal li{
  display: list-item;
}
.box{
  height: 30px;
  width: 18px;
  border-style: solid;
  border-width: thin;
  padding: 5px;
}
#tech_box{
  height: auto;
  width: auto;
  border-style: solid;
  border-width: thin;
  padding: 5px;
}
a {
  text-decoration: none !important;
}
.button:hover {
  background-color: #5b725c !important;
}
.verticalLine {
  border-left: thick solid #ff0000;
}
#profile_ul li{
  list-style: square;
  list-style-position: outside;
}
.blank {
  height: 800px;
  background-color: lightgrey;
}

#staggered-test li {
  opacity: 0;
}

#profile_card {
  opacity: 0;
}
ul#exp-list li{
  list-style: lower-greek;
  /* list-style-image: url('./bullet_black.png'); */
}
.navbar_cus {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  background-color:#ffd180;/*e3f2fd*/
}
nav{
  background-color:#ffd180 !important;/*e3f2fd*/
}
.nav-wrapper a{
  color: black !important;
  margin-left: 30px;
}
.nav-wrapper a:hover{
  margin-left: 32px;
}

/*SCREENS*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {

  #resume_sec{
    width: 200px;
    height: 300px;
  }
  ul#horizontal-list li {
    display: inline;
    padding-top: 40px;
  }
  img{
    height: 70px;
    width: 70px;
    margin-bottom: 10px;
  }
  ul#horizontal-list i{
    font-size: 2rem;
    padding-right: 10px;
    margin-bottom: 10px;
  }
 }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) { 
 #resume_sec{
   width: 450px;
   height: 580px;
 }
ul#horizontal-list i{
  font-size: 2rem;
  padding-right: 10px;
  margin-top: 30px;
}

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
  #resume_sec{
    width: 400px;
    height: 500px;
  }
  #sidebar{
    display: none;
  }
  
 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) { 
  #resume_sec{
    width: 520px;
    height: 580px;
  }
  #sidebar{
    display: none;
  }
 }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
  #sidebar{
    display: none;
  }

  ul#horizontal-list i{
    font-size: 5rem;
    padding-right: 10px;
    margin-bottom: 10px;
  }
 }
 /*Custom*/
 @media (min-width: 600px) and (max-width: 960px) { 
  #resume_sec{
    width: 320px;
    height: 480px;
  }
 }