responsive.css

/* RESPONSIVENESS */
@media (max-width: 1000px) {
    /*Add margin to container fluid*/
   .container-fluid {
        margin: 0 20px;
   }
   .navbar {
       width: 100%;
   }
}
@media (max-width: 768px) {
    /*change font size */
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 16px;
    }
    h4 {
        font-size: 14px;
    }
   /*Add margin to container fluid*/
   .container-fluid {
       margin: 0 20px;
   }
   .navbar {
       width: 100%;
   }
   /*logo effects */ 
   div.logo img{
       margin: 1px 10px;
       height: 45px;
       width: 45px;
   }
   /* reduce font size links in home page */
   section#section_two_projects div p a {
       font-size: 14px;
   }
   /*reduce margin top */
   #section_two_about {
       margin-top: 80px;
    }
   /* wrap content in about page */
   div#flex-container {
       flex-flow: row wrap;
   }
   /* remove box shadow from image in about page
   increase width to 100%
    */
   div#flex-container div img {
       box-shadow: none;
       width: 100%;
   }
   /* justify icons to the left section three and reduce margin top in about page*/
   div#icons  {
       margin-top: 50px;
   }
   div#icons ul {
       justify-content: left;
   }
   /* comet page overview */
   div#cometAppOverview {
    flex-flow: row wrap;
    row-gap: 20px;
   }
   /* percentages in comet page and wireframe testing*/
   div#contain-percentage {
       flex-flow: row wrap;
       row-gap: 20px;
   }
   div#wireframe-testing {
       flex-flow: row wrap;
       row-gap: 20px;
   }
   div#wireframe-testing div {
       width: 100%;
   }
   div#cometAppOverview div {
    width: 100%;
    }
    /* reduce emoji size */
    #flex-container-2 div img {
        height: 50px;
        width: 50px;
    }
   /* reduce margin to footer */
   section div.one {
       margin-top: 100px;
   }

   .icon-navbar {
       visibility: visible;
   }
   #footer {
       margin-bottom: 40px;
   }
   span#interested {
       font-size: 18px;
   }
   img.image {
       width: 100% !important;
   }
   img#face_image {
       display: none;
   }
   section#section_two_about div div img {
       width: 100%;
       height: 450px;
   }
   section#section_two_about div h3 {
       margin-top: 20px;
   }
   section#section_three_about div.row {
       width: 100%;
       margin-left: 0;
       margin-right: 0;
   }
   section#section_three_about div div ul li {
       padding-left: 0px;
   }
   /* images at projects page
   add margin top */
   .add_margin_top {
       margin-top: 50px;
   }
   /* increase padding top to figcaptions */
   figcaption {
       padding-top: 10px;
   }
   /*remove padding in comet page section three*/
   .flex-container {
       padding: 0 0;
   }
}