#rendering figure,
#model figure,
#plans figure{
	padding: 16.666%;
}

figcaption{
	margin-top: 5px;
}

#info,
.desc div{
	font-size: 2.2em;
}

#info{
	padding-top: 25px;
}


.submenu a{
	color: black;
}



html{
	  scroll-behavior: smooth;
}


.isNotActive{
	color: #f2f2f2 !important;
	cursor: default !important;
}

main{
  padding-top: 25px;
  padding-bottom: 25px;
}

.desc{
	margin-top: 25px; 
}

p{
  text-indent: 30px;
}


.ind p:first-child{
  text-indent: 0px;
}


@media only screen and (max-width: 1024px) {
    #project-info{
      position: fixed;
      overflow-y: scroll;
      top: 10px;
      left: 0px;
      height: 100%;
      width: 100%;
      z-index: 10;
      background-color: white;
      padding-left: 5px;
			padding-right: 5px;
			transform: translate(0, -100%);
			padding-bottom: 8%;
			transition-duration: .5s;
    }

    #info,
		.desc div{
			font-size: 1.5em;
		}

		#filters-btn-mob{
			display: none;
		}

			#mob-bilder{
			display: none;
		}


    


		#project-btn-mob{
      position: fixed;
      right: 50%;
      transform: translate(50%,0);
      top: 0;
      z-index: 20;
      color: black;
      text-transform: uppercase; 
      font-size: 1.3em;
      margin-top: 5px;
		}

			#rendering figure,
			#model figure,
			#plans figure{
				padding: 0%;
			}

			#rendering img,
			#model img,
			#plans img{
				margin-top: 30px;
			}

			

}