@media screen and (max-width:1024px){
  body{
    width: 100%;
    margin: 0;
  }

  header {
    height: 550px;
  }
    #slideshow-container{
      margin-top:5%;
      margin-bottom: 20%;
    }
    .slides{
      animation: slide 10s infinite;
    }
    .slideshow-icon-left{
      top:85%;
    }
    .slideshow-icon-right{
      top:85%;
      right: 1%;
      position: absolute;
    }
    .slideshow-texts {
      margin-top: -45%;
      margin-left: 15%;
    }
    .slideshow-texts h1{
      font-size: 170%;
      width: 50%;
    }
    .slideshow-texts p{
      font-size: 100%;
      width:43%;
    }

     #mybutton {
       width:15%;
       font-size: 90%;
       white-space: nowrap;
       margin-top: 2%;
       padding:1%;
       margin-bottom: 15%;
     }

     #services-container {
       height: auto;
     }

     .services-head {
       width:70%;
     }
       .services-head h2 {
         font-size: 200%;
         margin-top: 15%;
         margin-bottom: 0;
         padding-bottom: 3%;
       }
       .services-head p{
         font-size: 95%;
         margin-top: 0;
         padding-top: 3%;
         margin-bottom: 10%;
       }
       .services-graphic-items {
         width: 40%;
         margin: auto;
       }
         .services-blue-circle{
         width: 13px;
         height: 13px;
         top : 57%;
         right: 49%;
       }

       .main-feature-img {
         width:40%;
       }
       .main-feature-img img {
         width:115%;
       }
        .services-list {
          width :60%;
         }

       #projects-container {
         height: auto;
         justify-content: center;
         align-items: center;
       }

      .projects-head {
         width:70%;
       }
        .projects-head h2 {
           font-size: 200%;
           margin-top:15%;
           margin-bottom: 0;
           padding-bottom: 3%;
         }
        .projects-head p{
           font-size: 95%;
           margin-top: 0;
           padding-top: 3%;
         }
        .projects-graphic-items {
           width: 50%;
           margin: auto;
         }

        .projects-blue-circle{
           width: 13px;
           height: 13px;
           border : 4px solid #ffffff;
           top : 62%;
           right: 49%;
         }

         label .blue-triangle{
           margin-top: 29px;
         }

        .projects-gallery{
           margin-bottom: 50px;
           justify-content: center;
         }

        .projects-gallery img {
          width:230px;
        }

        .projects-texts {
          width: 230px;
          margin-top: 9%;
          font-size: 83%;
        }


     footer{
       height: 650px;
     }

      fieldset{
        width: 35%;
        margin : 5% 5% 20% 10%;
      }
      .contact{
        font-size: 90%;
      }
      fieldset input[type=text],fieldset input[type=email], fieldset textarea {
        font-size: 80%;
        margin: 2%;
        width : 90%;
      }

      fieldset input[type=submit] {
        width:30%;
        font-size: 70%;
        margin-left: 2%;
        margin-bottom: 5%;
      }
}
@media screen and (max-width:768px){
  body{
    width: 100%;
    margin: 0;
  }

  header {
    height: 480px;
  }
    .navbar {
      flex-direction: column;
      height :auto;
      width: 100%;
    }
    .navbar-logo{
      justify-content: center;
      align-items: center;
      width:35%;
      padding-top: 3%;
      padding-bottom: 2%;
      margin-left: 0;
      margin-bottom: 2%;
    }
    nav ul{
      font-size: 110%;
      align-items: center;
      justify-content: space-around;
      padding-bottom: 5%;
      padding-left: 4%;
      margin: 0;
    }

    #slideshow-container{
      margin-top:15%;
      margin-bottom: 20%;
    }
    .slides{
      animation: slide 10s infinite;
    }
    .slideshow-icon-left{
      top:85%;
    }
    .slideshow-icon-right{
      top:85%;
      right: 1%;
      position: absolute;
    }
    .slideshow-texts {
      margin-top: -45%;
      margin-left: 15%;
    }
    .slideshow-texts h1{
      font-size: 140%;
      width: 55%;
    }
    .slideshow-texts p{
      font-size: 100%;
      width: 45%;
    }

     #mybutton{
       width:15%;
       font-size: 90%;
       white-space: nowrap;
       margin-top: 2%;
       padding:1%;
       margin-bottom: 20%;
     }

     #services-container {
       height: auto;
     }

     .services-head {
       width:70%;
       margin-bottom: 2%;
     }
       .services-head h2 {
         margin-top: 32%;
         font-size: 180%;
         margin-bottom: 0;
         padding-bottom: 3%;
       }
       .services-head p{
         font-size: 95%;
         margin-top: 0;
         padding-top: 3%;
       }
       .services-graphic-items {
         width: 40%;
         margin: auto;
       }
       hr{
        width: 60%;
       }
       .services-blue-circle{
         width: 10px;
         height: 10px;
         top : 65%;
         right: 48%;
       }

       .services-content{
          flex-direction: row;
          align-items: center;
       }

       .main-feature-img {
         width:40%;
       }
       .main-feature-img img {
         width:115%;
       }
        .services-list {
          width :60%
         }
         .services-icons i {
           margin-top: 10%;
           margin-left: 10%;
           padding: 15px 15px 15px 15px;
         }
         .fa-chart-line{
           font-size: 150%;
           margin-bottom: 4%;
         }
         .fa-cubes{
           font-size: 150%;
           margin-bottom: 4%;
         }
         .fa-chart-pie{
           font-size: 140%;
           margin-bottom: 4%;
         }

         .services-blue-chips{
           width: 8px;
           height: 8px;
           float:right;
           position: absolute;
           align-self: center;
           margin-left: 23%;
           margin-top: 16%;
         }

         .services-descr {
           margin-bottom: 10%;
           margin-right: 5%;
         }
         .services-descr h3 {
          font-size:100%;
         }
         .services-descr p {
           font-size: 90%;
         }

     #projects-container {
         height: auto;
       }

      .projects-head {
         width:70%;
       }
        .projects-head h2 {
           font-size: 180%;
           margin-top:32%;
           margin-bottom: 0;
           padding-bottom: 3%;
         }
        .projects-head p{
           font-size: 95%;
           margin-top: 0;
           padding-top: 3%;
         }
        .projects-graphic-items {
           width: 50%;
           margin: auto;
         }

        .projects-blue-circle{
           width: 11px;
           height: 11px;
           border : 4px solid #ffffff;
           top : 71%;
           right: 48%;
        }

        .projects-button-bar{
           Width:60%;
           white-space: nowrap;
           justify-content: center;
         }
        .projects-button-bar input[type=radio] + label {
           text-align: center;
           width: 40%;
           font-size: 85%;
         }

        .first-label, .second-label, .third-label, .fourth-label {
           padding :4% 4% 4% 4%;
         }
         label .blue-triangle{
           border-width: 8px;
           margin-top: 28px;
           margin-left: -30%;
           opacity: 0;
         }

        .projects-gallery{
           margin-bottom: 50px;
         }
         .projects-gallery img {
           width:300px;
         }

         .projects-images .projects-texts{
           opacity: 1;
           width: 300px;
           margin-top: 18%;
           font-size: 100%;
         }

     footer{
       height: 650px;
     }

      fieldset{
        width: 35%;
        margin : 5% 5% 20% 10%;
      }
      .contact{
        font-size: 90%;
      }
      fieldset input[type=text],fieldset input[type=email], fieldset textarea {
        font-size: 80%;
        margin: 2%;
        width : 90%;
      }

      fieldset input[type=submit] {
        width:30%;
        font-size: 70%;
        margin-left: 2%;
        margin-bottom: 5%;
      }
}
@media screen and (max-width:578px){
  body{
    width: 100%;
    margin: 0;
  }

  header {
    height: 380px;
  }
    .navbar {
      flex-direction: column;
      height :auto;
      width: 100%;
    }
    .navbar-logo{
      justify-content: center;
      align-items: center;
      width:35%;
      padding-top: 3%;
      padding-bottom: 2%;
      margin-left: 0;
      margin-bottom: 2%;
    }
    nav ul{
      font-size: 100%;
      align-items: center;
      justify-content: space-around;
      padding-bottom: 5%;
      padding-left: 4%;
      margin: 0;
    }

    #slideshow-container{
      margin-top:15%;
      margin-bottom: 20%;
    }
    .slides{
      animation: none;
    }
    .slideshow-icon-left{
      display: none;
    }
    .slideshow-icon-right{
      display: none;
    }
    .slideshow-texts {
      margin-top: -45%;
      margin-left: 10%;
    }
    .slideshow-texts h1{
      font-size: 110%;
      width: 55%;
    }
    .slideshow-texts p{
      display: none;
    }

     #myButton {
       width:15%;
       font-size: 75%;
       white-space: nowrap;
       margin-top: 2%;
       padding:1%;
       margin-bottom: 20%;
     }

     #services-container {
       height: auto;
     }

     .services-head {
       width:70%;
     }
       .services-head h2 {
         font-size: 180%;
         margin-top: 32%;
         margin-bottom: 0;
         padding-bottom: 4%;
       }
       .services-head p{
         font-size: 95%;
         margin-top: 0;
         padding-top: 3%;
       }
       .services-graphic-items {
         width: 40%;
         margin: auto;
       }
       hr{
        width: 60%;
       }
       .services-blue-circle{
         width: 10px;
         height: 10px;
         top : 64%;
         right: 48%;
       }

       .services-content{
           flex-direction: column;
           margin: auto;
           text-align: center;
         }
         .main-feature-img img {
           width:110%;
         }

        .services-list {
           margin-left: 10%;
         }
         .services-icons i {
           padding: 15px 15px 15px 15px;
           float: none;
           margin:0;
         }
         .fa-chart-line{
           font-size: 160%;
           margin-bottom: 0;
         }
         .fa-cubes{
           font-size: 160%;
           margin-bottom: 0;
         }
         .fa-chart-pie{
           font-size: 150%;
           margin-bottom: 0;
         }

         .services-blue-chips{
           width: 9px;
           height: 9px;
           float:right;
           position: absolute;
           align-self: center;
           margin-left: 57%;
           margin-top: 7%;
         }

         .services-descr {
           margin-bottom: 10%;
         }
         .services-descr h3 {
          font-size:110%;
         }
         .services-descr p {
           font-size: 95%;
         }

     #projects-container {
         height: auto;
       }

      .projects-head {
         width:70%;
       }
        .projects-head h2 {
           font-size: 160%;
           margin-top:32%;
           margin-bottom: 0;
           padding-bottom: 3%;
         }
        .projects-head p{
           font-size: 95%;
           margin-top: 0;
           padding-top: 3%;
         }
        .projects-graphic-items {
           width: 50%;
           margin: auto;
         }

        .projects-blue-circle{
           width: 11px;
           height: 11px;
           border : 4px solid #ffffff;
           top : 62%;
           right: 48%;
         }

        .projects-button-bar{
           Width:60%;
           white-space: nowrap;
           justify-content: center;
         }
        .projects-button-bar input[type=radio] + label {
           text-align: center;
           width: 40%;
           font-size: 85%;
         }

        .first-label, .second-label, .third-label, .fourth-label {
           padding :4% 4% 4% 4%;
         }
         label .blue-triangle{
           border-width: 8px;
           margin-top: 28px;
           margin-left: -40%;
           opacity: 0;
         }

        .projects-gallery{
           margin-bottom: 50px;
         }
         .projects-gallery img {
           width: 300px;
         }
         .projects-images .projects-texts{
           opacity: 1;
           width:300px;
           font-size: 100%;
           margin-top: 23%;
         }

         footer{
           height: auto;
         }
          iframe{
           display: none;
          }
          .blue-filter {
           display:none;
          }

          fieldset{
            width: auto;
            border: 1px solid #d1d1d1;
            border-radius: 5px 5px 5px 5px;
            margin : 20% 10% 20% 10%;
            float: none;
          }
          .contact{
            font-size: 90%;
          }
          fieldset input[type=text],fieldset input[type=email], fieldset textarea {
            font-size: 80%;
            margin-top:2%;
            margin-left: 2%;
            margin-right: 2%;
            margin-bottom: 2%;
            width : 90%;
          }

          fieldset input[type=submit] {
            width:30%;
            font-size: 70%;
            margin-left: 2%;
            margin-bottom: 5%;
          }
}
@media screen and (max-width:425px){
  body{
    width: 100%;
    margin: 0;
  }

  header {
    height: 350px;
  }
    .navbar {
      flex-direction: column;
      height :auto;
      width: 100%;
      position: fixed;
      z-index:5;
    }
    .navbar-logo{
      justify-content: center;
      align-items: center;
      width:50%;
      height: auto;
      padding-top: 2%;
      padding-bottom: 2%;
      margin-left: 0;
      margin-bottom: 5%;
    }
    nav ul{
      font-size: 90%;
      width:50%;
      align-items: center;
      justify-content: center;
      padding-bottom: 5%;
      padding-left: 4%;
      margin: 0;
    }
    #slideshow-container{
      margin-top:30%;
      margin-bottom: 10%;
    }
    .slides{
      animation: none;
    }
    .slideshow-icon-left{
      display: none;
    }
    .slideshow-icon-right{
      display: none;
    }
    .slideshow-texts {
      margin-top: -35%;
      margin-left: 7%;
    }
    .slideshow-texts h1{
      font-size: 70%;
      width: 50%;
    }
    .slideshow-texts p{
      display:none;
    }
     #myButton {
       width:20%;
       height:5% ;
       font-size: 50%;
       white-space: nowrap;
       margin-top: 3%;
       margin-bottom: 15%;
     }

     #services-container {
       height: auto;
     }

     .services-head {
       width:70%;
     }
       .services-head h2 {
         font-size: 115%;
         margin-bottom: 0;
         padding-bottom: 3%;
       }
       .services-head p{
         font-size: 80%;
         margin-top: 0;
         padding-top: 5%;
       }
       .services-graphic-items {
         width: 50%;
         margin: auto;
       }
       hr{
        width: 70%;
       }
       .services-blue-circle{
         width: 8px;
         height: 8px;
         top : 59%;
         right: 47%;
       }

     .services-content{
         flex-direction: column;
         margin: auto;
         text-align: center;
       }
       .main-feature-img img {
         width:90%;
       }

      .services-list {
         margin-left: 10%;
       }
       .services-icons i {
         padding: 14px 14px 14px 14px;
         float: none;
         margin:0;
       }
       .fa-chart-line{
         font-size: 135%;
         margin-bottom: 0;
       }
       .fa-cubes{
         font-size: 135%;
         margin-bottom: 0;
       }
       .fa-chart-pie{
         font-size: 125%;
         margin-bottom: 0;
       }

       .services-blue-chips{
         width: 8px;
         height: 8px;
         float:right;
         position: absolute;
         align-self: center;
         margin-left: 58%;
         margin-top: 9%;
       }

       .services-descr {
         margin-bottom: 10%;
       }
       .services-descr h3 {
        font-size:100%;
       }
       .services-descr p {
         font-size: 80%;
       }

     #projects-container {
         height: auto;
       }

      .projects-head {
         width:70%;
       }
        .projects-head h2 {
           font-size: 115%;
           margin-top:42%;
           margin-bottom: 0;
           padding-bottom: 3%;
         }
        .projects-head p{
           font-size: 80%;
           margin-top: 0;
           padding-top: 5%;
         }
        .projects-graphic-items {
           width: 50%;
           margin: auto;
         }

        .projects-blue-circle{
           width: 8px;
           height: 8px;
           border : 3px solid #ffffff;
           top : 61%;
           right: 47%;
         }

        .projects-button-bar{
           Width:70%;
           white-space: nowrap;
           justify-content: center;
         }
        .projects-button-bar input[type=radio] + label {
           text-align: center;
           width: 30%;
           font-size: 80%;
         }

        .first-label, .second-label, .third-label, .fourth-label {
           padding :4% 4% 4% 4%;
         }
         label .blue-triangle{
           border-width: 6px;
           margin-top: 26px;
           margin-left: -40%;
           opacity: 0;
         }

        .projects-gallery{
          margin-bottom: 50px;
         }
        .projects-gallery img {
          width: 300px;
           position: relative;
           z-index: 1;
        }

        .projects-images .projects-texts{
          opacity: 1;
          width:300px;
          font-size: 100%;
          margin-top: 32%;
        }


     footer{
       height: auto;
     }
      iframe{
       display: none;
      }
      .blue-filter {
       display:none;
      }

      fieldset{
        width: auto;
        border: 1px solid #d1d1d1;
        border-radius: 5px 5px 5px 5px;
        margin : 20% 10% 20% 10%;
        float: none;
      }
      .contact{
        font-size: 90%;
      }
      fieldset input[type=text],fieldset input[type=email], fieldset textarea {
        font-size: 80%;
        margin-top:2%;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 2%;
        width : 90%;
      }

      fieldset input[type=submit] {
        width:30%;
        font-size: 70%;
        margin-left: 2%;
        margin-bottom: 5%;
      }

}
@media screen and (max-width:375px){
  body{
    width: 100%;
    margin: 0;
  }

  header {
    height: 280px;
  }
    .navbar {
      flex-direction: column;
      height :auto;
      width: 100%;
      position: fixed;
      z-index:5;
    }
    .navbar-logo{
      justify-content: center;
      align-items: center;
      width:50%;
      height: auto;
      padding-top: 2%;
      padding-bottom: 2%;
      margin-left: 0;
      margin-bottom: 5%;
    }
    nav ul{
      font-size: 90%;
      width:50%;
      align-items: center;
      justify-content: center;
      padding-bottom: 5%;
      padding-left: 4%;
      margin: 0;
    }
    #slideshow-container{
      margin-top:25%;
      margin-bottom: 10%;
    }
    .slides{
      animation: none;
    }
    .slideshow-icon-left{
      display: none;
    }
    .slideshow-icon-right{
      display: none;
    }
    .slideshow-texts {
      margin-top: -35%;
      margin-left: 7%;
    }
    .slideshow-texts h1{
      font-size: 70%;
      width: 50%;
    }
    .slideshow-texts p{
      display:none;
    }
     #myButton {
       width:20%;
       height:5% ;
       font-size: 50%;
       white-space: nowrap;
       margin-top: 3%;
       margin-bottom: 15%;
     }

     #services-container {
       height: auto;
     }

     .services-head {
       width:70%;
     }
       .services-head h2 {
         font-size: 115%;
         margin-bottom: 0;
         padding-bottom: 3%;
       }
       .services-head p{
         font-size: 80%;
         margin-top: 0;
         padding-top: 5%;
       }
       .services-graphic-items {
         width: 50%;
         margin: auto;
       }
       hr{
        width: 70%;
       }
       .services-blue-circle{
         width: 8px;
         height: 8px;
         top : 55%;
         right: 47%;
       }

     .services-content{
         flex-direction: column;
         margin: auto;
         text-align: center;
       }
       .main-feature-img img {
         width:90%;
       }

      .services-list {
         margin-left: 10%;
       }
       .services-icons i {
         padding: 14px 14px 14px 14px;
         float: none;
         margin:0;
       }
       .fa-chart-line{
         font-size: 135%;
         margin-bottom: 0;
       }
       .fa-cubes{
         font-size: 135%;
         margin-bottom: 0;
       }
       .fa-chart-pie{
         font-size: 125%;
         margin-bottom: 0;
       }

       .services-blue-chips{
         width: 8px;
         height: 8px;
         float:right;
         position: absolute;
         align-self: center;
         margin-left: 59%;
         margin-top: 10%;
       }

       .services-descr {
         margin-bottom: 10%;
       }
       .services-descr h3 {
        font-size:100%;
       }
       .services-descr p {
         font-size: 80%;
       }

     #projects-container {
         height: auto;
       }

      .projects-head {
         width:70%;
       }
        .projects-head h2 {
           font-size: 115%;
           margin-top:42%;
           margin-bottom: 0;
           padding-bottom: 3%;
         }
        .projects-head p{
           font-size: 80%;
           margin-top: 0;
           padding-top: 5%;
         }
        .projects-graphic-items {
           width: 50%;
           margin: auto;
         }

        .projects-blue-circle{
           width: 8px;
           height: 8px;
           border : 3px solid #ffffff;
           top : 59%;
           right: 47%;
         }

        .projects-button-bar{
           Width:70%;
           white-space: nowrap;
           justify-content: center;
         }
        .projects-button-bar input[type=radio] + label {
           text-align: center;
           width: 30%;
           font-size: 80%;
         }

        .first-label, .second-label, .third-label, .fourth-label {
           padding :4% 4% 4% 4%;
         }
         label .blue-triangle{
           border-width: 6px;
           margin-top: 27px;
           margin-left: -45%;
           opacity: 0;
         }

        .projects-gallery{
          margin-bottom: 50px;
         }
        .projects-gallery img {
           width: 300px;
           height: auto;
           position: relative;
           z-index: 1;
         }
         .projects-images .projects-texts{
           opacity: 1;
           width:300px;
           font-size: 100%;
           margin-top: 36%;
         }

     footer{
       height: auto;
     }
      iframe{
       display: none;
      }
      .blue-filter {
       display:none;
      }

      fieldset{
        width: auto;
        border: 1px solid #d1d1d1;
        border-radius: 5px 5px 5px 5px;
        margin : 20% 10% 20% 10%;
        float: none;
      }
      .contact{
        font-size: 90%;
      }
      fieldset input[type=text],fieldset input[type=email], fieldset textarea {
        font-size: 80%;
        margin-top:2%;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 2%;
        width : 90%;
      }

      fieldset input[type=submit] {
        width:30%;
        font-size: 70%;
        margin-left: 2%;
        margin-bottom: 5%;
      }
}
@media screen and (max-width:320px){
  body{
    width: 100%;
    margin: 0;
  }

  header {
    height: 250px;
  }
    .navbar {
      flex-direction: column;
      height :auto;
      width: 100%;
      position: fixed;
      z-index:5;
    }
    .navbar-logo{
      justify-content: center;
      align-items: center;
      width:50%;
      height: auto;
      padding-top: 2%;
      padding-bottom: 2%;
      margin-left: 0;
      margin-bottom: 5%;
    }
    nav ul{
      font-size: 80%;
      width:50%;
      align-items: center;
      justify-content: center;
      padding-bottom: 5%;
      padding-left: 4%;
      margin: 0;
    }
    #slideshow-container{
      margin-top:25%;
      margin-bottom: 10%;
    }
    .slides{
      animation: none;
    }
    .slideshow-icon-left{
      display: none;
    }
    .slideshow-icon-right{
      display: none;
    }
    .slideshow-texts {
      margin-top: -35%;
      margin-left: 7%;
    }
    .slideshow-texts h1{
      font-size: 70%;
      width: 60%;
    }
    .slideshow-texts p{
      display:none;
    }
     #myButton {
       width:20%;
       height:5% ;
       font-size: 50%;
       white-space: nowrap;
       margin-top: 3%;
       margin-bottom: 15%;
     }

     #services-container {
       height: auto;
     }

     .services-head {
       width:70%;
     }
       .services-head h2 {
         font-size: 115%;
         margin-bottom: 0;
         padding-bottom: 3%;
       }
       .services-head p{
         font-size: 80%;
         margin-top: 0;
         padding-top: 8%;
       }
       .services-graphic-items {
         width: 50%;
         margin: auto;
       }
       hr{
        width: 70%;
       }
       .services-blue-circle{
         width: 8px;
         height: 8px;
         top : 51%;
         right: 47%;
       }

     .services-content{
         flex-direction: column;
         margin: auto;
         text-align: center;
     }

        .main-feature-img{
          width:100%;
        }
        .main-feature-img img {
         width:90%;
         text-align: center;
        }

      .services-list {
         margin-left: 10%;
      }

       .services-icons i {
         padding: 14px 14px 14px 14px;
         float: none;
         margin:0;
       }

       .fa-chart-line{
         font-size: 135%;
         margin-bottom: 0;
       }
       .fa-cubes{
         font-size: 135%;
         margin-bottom: 0;
       }
       .fa-chart-pie{
         font-size: 125%;
         margin-bottom: 0;
       }

       .services-blue-chips{
         width: 8px;
         height: 8px;
         float:right;
         position: absolute;
         align-self: center;
         margin-left: 61%;
         margin-top: 12%;
       }

       .services-descr {
         margin-bottom: 10%;
       }
       .services-descr h3 {
        font-size:100%;
       }
       .services-descr p {
         font-size: 80%;
       }

     #projects-container {
         height: auto;
       }

      .projects-head {
         width:70%;
       }
        .projects-head h2 {
           font-size: 115%;
           margin-top:42%;
           margin-bottom: 0;
           padding-bottom: 5%;
         }
        .projects-head p{
           font-size: 80%;
           margin-top: 0;
           padding-top: 5%;
         }
        .projects-graphic-items {
           width: 50%;
           margin: auto;
         }

        .projects-blue-circle{
           width: 7px;
           height: 7px;
           border : 3px solid #ffffff;
           top : 57%;
           right: 47%;
         }

        .projects-button-bar{
           Width:70%;
           white-space: nowrap;
           justify-content: center;
         }
        .projects-button-bar input[type=radio] + label {
           text-align: center;
           width: 30%;
           font-size: 80%;
         }

        .first-label, .second-label, .third-label, .fourth-label {
           padding :4% 4% 4% 4%;
         }
         label .blue-triangle{
           border-width: 5px;
           margin-top: 27px;
           margin-left: -48%;
           opacity: 0;
         }

        .projects-gallery img {
           width: 300px;
           position: relative;
           z-index: 1;
        }

        .projects-images .projects-texts{
          opacity: 1;
          width:300px;
          font-size: 100%;
          margin-top: 42%;
        }

        .projects-icons{
          margin-left: 80%;
        }

     footer{
       height: auto;
     }
      iframe{
       display: none;
      }
      .blue-filter {
       display:none;
      }

      fieldset{
        width: auto;
        border: 1px solid #d1d1d1;
        border-radius: 5px 5px 5px 5px;
        margin : 20% 10% 20% 10%;
        float: none;
      }
      .contact{
        font-size: 90%;
      }
      fieldset input[type=text],fieldset input[type=email], fieldset textarea {
        font-size: 80%;
        margin-top:2%;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 2%;
        width : 90%;
      }

      fieldset input[type=submit] {
        width:30%;
        font-size: 70%;
        margin-left: 2%;
        margin-bottom: 5%;
      }
}