/*****************************************/
/*********** Welcome Container ***********/
/*****************************************/

  /*background: rgba(255, 0, 0, 0.25), url('http://researched.design/assets/images/forms-bg.png');
  background:
    top, transparent red, faked with gradient
    linear-gradient(
      rgba(225, 225, 225, 0.85),
      rgba(225, 225, 225, 0.55)
    ),s
    bottom, image
    url('http://researched.design/assets/images/forms-bg.png');
    background-size: cover;
    background-repeat: repeat, no-repeat;
    background-position: 0 0, 50% ;
    background-size: auto, 60%;

    */
section *{
  font-family: 'Chivo', sans-serif;
}
#welcome .fixed-bottom-title{
  width:100%;
}
#welcome .port-hero{
  width: 550px;
  max-width: 100%;
  margin:3% auto 0;
  display: block;
  padding:15px 40px;
}

#welcome .col.artifact-display{
  overflow: hidden;
}
.main-content .content{
  margin-bottom: 30px;
  margin-top:40px;
}
.main-content .content .text-padd-right *{
  padding-right:20px;
}
.main-content .content .winner{
  max-width: 550px;
  margin-left:auto;
  margin-right: auto;
  margin-top:60px;
}
.main-content .content .winner.desking{
  max-width: 1050px;
}


.fig-item{
  margin-top:30px
}


.ui-designs .main-content .content{
  margin-bottom:100px;
}




.form-section{
  background: url(http://researched.design/assets/images/footer_lodyas.png) repeat repeat center center transparent;
  padding-top:60px;
  padding-bottom:  40px;
  color:#fff;

  font-family: 'Lexend Deca', sans-serif;
}
.form-section h4{
  margin-bottom:20px;
}
.form-section .form-control{
margin-top: 2px;
margin-bottom: 10px;
}
.form-section a,
.form-section a:visited,
.form-section a:hover{
  color: #fff;
  text-decoration: underline;
}
footer{
  background: #222;
  color: #fff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 12px;

  font-family: 'Lexend Deca', sans-serif;
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}










/* KEYFRAME ANIMATIONS */
@-webkit-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1;}
}
@-moz-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade-in {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1;}
}


@-webkit-keyframes menu-wrapper {
  0%   { opacity: 0; left:-100px;}
  100% { opacity: 1; left: 0px;}
}
@-moz-keyframes menu-wrapper {
  0%   { opacity: 0; left:-100px;}
  100% { opacity: 1; left: 0px;}
}
@-o-keyframes menu-wrapper {
  0%   { opacity: 0; left:-100px;}
  100% { opacity: 1; left: 0px;}
}
@keyframes menu-wrapper {
  0%   { opacity: 0; left:-100px;}
  100% { opacity: 1; left: 0px;}
}

/*Close button*/
@-webkit-keyframes top-down {
  0%   { opacity: 0; top:-10px;}
  100% { opacity: 1; top: 0px;}
}
@-moz-keyframes top-down {
  0%   { opacity: 0; top:-10px;}
  100% { opacity: 1; top: 0px;}
}
@-o-keyframes top-down {
  0%   { opacity: 0; top:-10px;}
  100% { opacity: 1; top: 0px;}
}
@keyframes top-down {
  0%   { opacity: 0; top:-10px;}
  100% { opacity: 1; top: 0px;}
}


/*List Items*/
@-webkit-keyframes left-right {
  0%   { opacity: 0; left:20px;}
  100% { opacity: 1; left: 50px;}
}
@-moz-keyframes left-right {
  0%   { opacity: 0; left:20px;}
  100% { opacity: 1; left: 50px;}
}
@-o-keyframes left-right {
  0%   { opacity: 0; left:20px;}
  100% { opacity: 1; left: 50px;}
}
@keyframes left-right {
  0%   { opacity: 0; left:20px;}
  100% { opacity: 1; left: 50px;}
}