*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "Roboto Slab", sans-serif;
  position: relative; }

/**
 *
 * HEADER
 *
 */
header {
  min-height: 100vh;
  max-width: 100%;
  padding-top: 130px;
  background: url("../img/sai-kiran-anagani-61187.jpg") center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: "Oswald";
  color: #fff;
  text-align: center;
  overflow: hidden; }
  header .header_logo {
    width: 30%;
    margin: auto; }
    header .header_logo img {
      width: 100%; }
  header h1 {
    font-size: 50px;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: bold; }
  header p {
    font-size: 35px;
    text-transform: uppercase;
    margin-top: 20px; }
    header p span {
      font-size: 25px;
      border: solid 1px #fff;
      padding: 5px 10px; }

.navbar-container {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(0, 86, 145, 0);
  font-family: "Roboto", sans-serif;
  font-weight: bold; }
  .navbar-container ul {
    text-align: center; }
  .navbar-container .navbar-brand {
    width: 130px; }

.fixed {
  position: fixed !important;
  top: 0; }
  .fixed .navbar {
    background: #1C226B; }

section {
  overflow: hidden;
  font-family: "Oswald";
  background-color: #4AA9AF;
  color: #fff; }

h2 {
  width: 100%;
  float: left;
  padding-left: 3.57143%;
  padding-right: 3.57143%;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 30px;
  font-size: 40px; }

.about {
  width: 100%;
  float: left;
  padding-left: 3.57143%;
  padding-right: 3.57143%;
  background: #D1FFFA !important;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 80px;
  color: #1C226B; }
  .about .sub_about {
    width: 50%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%;
    margin-bottom: 35px; }
    .about .sub_about .skill {
      margin-top: 15px; }

.parts_container, .sub_section {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  min-height: 50vh; }
  .parts_container:after, .sub_section:after {
    content: " ";
    display: block;
    clear: both; }

.test {
  width: 50%;
  float: left;
  padding-left: 3.57143%;
  padding-right: 3.57143%; }

.sub_text {
  width: 100%;
  float: left;
  padding-left: 3.57143%;
  padding-right: 3.57143%;
  font-size: 24px; }

.portofolio {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #fff;
  color: #1C226B; }
  .portofolio .site {
    width: 33.33333%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%;
    margin-top: 20px; }
    .portofolio .site .site_img {
      width: 100%;
      float: left;
      padding-left: 3.57143%;
      padding-right: 3.57143%; }
    .portofolio .site .site_name {
      width: 100%;
      float: left;
      padding-left: 3.57143%;
      padding-right: 3.57143%;
      margin-top: 15px;
      text-align: center; }
    .portofolio .site .site_description {
      width: 100%;
      float: left;
      padding-left: 3.57143%;
      padding-right: 3.57143%;
      padding-bottom: 25px; }

.contact {
  background: #3E31AE;
  padding-top: 80px;
  padding-bottom: 80px; }
  .contact form {
    width: 50%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%;
    margin: auto;
    text-align: center; }
    .contact form .myInput {
      width: 50%;
      float: left;
      padding-left: 3.57143%;
      padding-right: 3.57143%; }
      .contact form .myInput input {
        width: 100%;
        float: left;
        padding-left: 3.57143%;
        padding-right: 3.57143%; }
    .contact form .myTextArea {
      width: 100%;
      float: left;
      padding-left: 3.57143%;
      padding-right: 3.57143%; }
      .contact form .myTextArea textarea {
        width: 100%;
        float: left;
        padding-left: 3.57143%;
        padding-right: 3.57143%; }
    .contact form input, .contact form textarea {
      font-family: "Oswald";
      padding: 10px;
      border-radius: 5px;
      border: 0;
      margin-top: 8px;
      margin-bottom: 8px; }
    .contact form button {
      margin: 10px 0px; }
  .contact .infos {
    width: 50%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%; }
    .contact .infos .info-contents .fa {
      font-size: 40px;
      width: 60px; }
    .contact .infos .info-contents .details {
      padding: 15px 0px;
      font-size: 20px; }

@media (max-width: 992px) {
  .navbar-container {
    background: #1C226B; }

  .navbar-container .navbar-brand {
    width: 70px; }

  header {
    background-attachment: scroll; }
    header .header_logo {
      width: 50%; }
    header h1 {
      font-size: 40px; }
    header p {
      padding-bottom: 25px; }

  .about .sub_about {
    width: 100%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%; }

  .test {
    width: 100%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%; }

  .sub_text {
    width: 100%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%;
    margin-top: 20px; }

  .portofolio .site {
    width: 100%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%; }

  .contact form {
    width: 100%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%; }
    .contact form .myInput, .contact form textarea {
      width: 100%;
      float: left;
      padding-left: 3.57143%;
      padding-right: 3.57143%; }
  .contact .infos {
    width: 100%;
    float: left;
    padding-left: 3.57143%;
    padding-right: 3.57143%; } }