.about--options {
    max-width: 100%;
}

.about--banner{
    height: max-content;
}

.work-request--options label{
    font-size: 12px;
}
.header--logo{
    width: 40px;
}

.device-notification--logo{
    width: 40px;
}

.work-request--information .information-name, .work-request--information .information-email{
    width: 30%;
}

.insta-gradient{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.linkdin{
  background: #0073b1;
}
.facebook{
    background: #4267B2;
  }

  .logo-follow{
  height: 40px;
  padding: 20px;
  }

  @media only screen and (max-width: 600px) {
    .header--logo {
      width:30px
    }
  }

  .twitter-color{
    background: #1DA1F2; 
  }

  p a{
    color: #fff;
    text-decoration: none;
  }
  a{
    color: #fff;
    text-decoration: none;
  }

  .judg-images{
    width:100px;
  }
  
.judges {
  display: inherit;
  list-style-type: none;
  padding: 0px 0px;
 width: 100%;
 text-align: center;
}

.judges li {
 

 width: 50%;
}



.modal-pop{
  display:none;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: fixed;
  z-index: 40001;
  background:transparent;
  

  margin-left: 10%;

  animation-name: fadeIn_Modal;
  animation-duration: 0.8s;
 
}

/****MEDIA QUERIES****/

@media screen and (min-width: 600px){

  .modal-pop{
    width: 100%;
    height: 300px;
    margin-left: calc(10vw - 50px);
    margin-top: calc(10vh - 0px);
  }


}

/*LARGE SCREEN*/
@media screen and (min-width: 1300px){
  .modal-pop{
    width: 100%;
    height: 100%;
    margin-left: calc(10vw - 50px);
    margin-top: calc(10vh - 0px);
  }
}

/****ANIMATIONS****/

@keyframes fadeIn_Modal {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@keyframes fadeIn_Container {
  from{
    opacity: 0;
  }
  to{
    opacity: 0.9;
  }
}
