/**
/* Style Sheet for CSS Projects Personnel Web Page*/

/*
COLOR PALETTE
#f1e6d8 - fawn
#f5f5f5 - whitesmoke
#343434 - dark gray - almost black
#2F3061 - blue dark
#FFE66D - yellow
#A1C6D7 - blue light
*/


/* Global Styles
-----------------------------------------------------*/

html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

  /* * {
    border: 1px solid whitesmoke;
  } */

  

  body {
    color: #343434;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    }

  .content-wrap {
    max-width: 800px;
    width: 85%;
    margin: 0 auto;
    padding: 20px 0;
  }
   h1 {
    font-size: 50px;
   }

  h1, h2 {
    margin: 0;
  }

  

  h2 {
    font-size: 40px
  }

  h3 {
    margin-bottom: 0;
  }
 
  .profile {
    font-size: 18px;
    margin-bottom: 0;
  }

  header {
    text-align: center;
    color: whitesmoke;
    background-color: navy;
    margin: 0;
    padding: 0;
  }
  

  .featured-projects, .naval-avionics {
    text-align: center;
    color: whitesmoke;
    background-color: navy;
    margin-top: 0;
    padding: 20px;
  }

  

  .indent {
     max-width: 800px;
     width: 85%;
     text-indent: 30px;
     text-align: left;
     background-color: seagreen;
     color: whitesmoke;
     margin: 0 auto;

  }

  .full-width {
    width: 100%;
    background-color: seagreen;
  }




  .naval-avionics-job-description, .job-title {
     text-align: center;
     background-color: seagreen;
     color: whitesmoke;
     margin: 0 auto;
  }
  .additional-info, .additional-info-a-tag {
    text-align: center;
    background-color: seagreen;
    color: yellow;
    margin: 0;
    padding: 5px;
  }


 

.flex-container.emblems {
    display: flex;
    background-color: navy;
    justify-content: center;
}
.flex-container.aircraft {
    display: flex;
    background-color: skyblue;
    justify-content: center;
}

figcaption {
  color:black;
  text-align: center;
}

/* Work Experience
------------------------------------*/

.work-experience  {
  background-color: #f1e6d8;
  margin: 0 auto;
  padding: 20px;
}

.job-item {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  column-gap: 20px;
}

.grid-item-signal-analysis-meter {
  display: grid;
  background-color: #f1e6d8;
  justify-content: center;
}

.grid-item-vibrator {
  display: grid;
  background-color: #f1e6d8;
  justify-content: center;
}

.grid-item-dragline {
  display: grid;
  background-color: #f1e6d8;
  justify-content: center;
}

  

/* Education
------------------------------------*/
.education {
  background-color: #f5bc42;
  background-size: cover;
  background-position: top right;
  padding-bottom: 100px;
}
.education p {
  width: 60%;
}





/* Contact Info
------------------------------------*/
.lets-keep-in-touch {
  color: #F7FFF7;
}
footer, .contact-list {
  background: #343434;
}

.contact-list {
  list-style-type: none;
  padding: 0;
}
.contact-list a {
  padding: 15px;
  display: inline-block;
  color: #FFE66D;

}
.contact-list {
  display: flex;
  justify-content: center;
}

/* Responsive
------------------------------------*/

@media screen and (min-width:750px){
  header, footer {
    text-align: center;
  }
}

  
  .contact-list {
    display: flex;
    justify-content: center;
  }


@media screen and (min-width:750px){
  header, footer {
    text-align: center;
  }
}