html{font-size: 62.5%;}body{background: #2c2033; /* Old browsers */ font-family: "Montserrat", sans-serif; font-weight: 400; color: #fff; font-size: 1.8rem;}a,a:visited{color: #fff; transition: color 0.25s ease;}a:hover,a:active{color: #ac8b75;}h2{font-family: "Montserrat", sans-serif; font-size: 4.8rem; color: #b7bbbe; font-weight: 400; text-align: center;}h3{font-family: "Fahkwang", sans-serif; display: inline-block; font-size: 2.4rem; color: #d39c7c; text-transform: uppercase; letter-spacing: 0.34em; font-weight: 400; background: -webkit-radial-gradient(center, ellipse cover, rgba(211, 156, 124, 1) 0%, rgba(172, 139, 117, 1) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}#projectcontent{background: #fff; max-width: 1920px; text-align: center; -webkit-box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.67); -moz-box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.67); box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.67); margin: 0 auto;}#navigation{z-index: 100; background: url(../img/video_placeholder.png); background-size: cover; font-size: 1.6rem; color: #fff;}#navigation a,#navigation a:visited{color: #fff;}#navigation a:hover,#navigation a:active{color: #cbb7a6;}#rmlogo{display: inline-block; margin-top: 1.5rem;}.top-bar{background: url(../img/video_placeholder.png) no-repeat bottom; background-size: cover; padding: 0 1.5rem;}.top-bar ul{background-color: transparent;}.top-bar span{text-transform: uppercase; font-weight: 400; letter-spacing: 0.34em; font-size: 2rem; color: #cbb7a6;}.top-bar p{font-family: "Fahkwang", sans-serif; font-size: 2rem; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500;}#m-contact{position: static;}.fullwidth{width: 100%; margin-left: auto; margin-right: auto; max-width: initial; padding-left: 2.8125rem; padding-right: 2.8125rem;}#intro{background: #1a4695; /* Old browsers */ position: relative; text-transform: uppercase; font-weight: 400; font-size: 1.6rem; padding: 72px 0 220px 0;}#aktia-logo{margin: 48px 0;}.intro-right p{color: #8db3f9; text-align: left;}.intro-left p{color: #ffffff; text-align: right;}#description p{color: #ffffff; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.27); text-align: center;}.align-center{-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}.nomargin{margin-bottom: 0px;}#app{background: url(../img/aktia/bg-wireframe.png) no-repeat; background-size: contain; z-index: 2; margin-top: 0px; position: relative;}.app-preview{margin-top: -150px; z-index: 2;}#problem{margin-top: -100px; z-index: 1;}#problem h2{font-size: 2.5rem; font-style: normal; font-weight: normal; color: #1a4695; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; margin-top: 12px;}#problem p{font-size: 1.6rem; color: #181c32; font-style: normal; font-weight: normal;}#vertical-line{border-left: 1px solid #1a4695; width: 1px; margin: 0 auto;}#app-ui{margin-top: 128px;}#app-ui img{margin: -128px auto 0 auto;}.gradient-border{display: block; height: 3px; background: rgb(207, 178, 101); background: linear-gradient(90deg, rgba(207, 178, 101, 1) 0%, rgba(235, 228, 178, 1) 50%, rgba(204, 173, 126, 1) 100%);}#footer{background: url(../img/video_placeholder.png) bottom; background-size: cover; text-align: center; padding: 48px 0;}#footer h3{margin-bottom: 24px;}#footer a{display: inline-block; padding: 4px; font-size: 1.8rem; font-weight: 500;}#footer span{display: block; width: 24px; height: 1px; background: #d39c7c; margin: 16px auto;}#projects{border-top: 1px solid #d39c7c; margin-top: 48px; margin-bottom: 64px; padding-top: 48px;}#projects a.next,#projects a.next:active{border: 1px solid rgba(255, 255, 255, 0.34); background: rgba(255, 255, 255, 0.17); text-align: left; padding: 4px 0px 8px 16px; font-family: "Fahkwang", sans-serif; font-size: 2rem; margin-left: 6px;}#projects a.prev,#projects a.prev:active{border: 1px solid rgba(255, 255, 255, 0.34); text-align: left; padding: 4px 16px 8px 0px; font-family: "Fahkwang", sans-serif; font-size: 2rem; margin-right: 6px;}#projects a:hover,#projects a:active{border: 1px solid rgba(172, 139, 117, 1); color: #fff;}#projects a span{display: inline; width: auto; height: auto; background: transparent; padding-top: 0px; text-transform: uppercase; font-size: 1.2rem; font-family: "Montserrat", sans-serif;}#projects a div{display: inline-block;}#projects a.next img{height: 48px; width: auto; margin: -30px 0px 0px 12px;}#projects a.prev img{height: 48px; width: auto; margin: -30px 12px 0px 0px;}@media screen and (max-width: 39.9375em){h2{font-size: 2.8rem;}#intro{padding: 24px 0 64px 0;}.intro-left p, .intro-right p{text-align: center;}.intro-left p{margin-bottom: 0px;}.intro-right p{text-transform: none;}#description{text-transform: none;}.top-bar span{text-transform: uppercase; font-weight: 400; letter-spacing: 0.34em; font-size: 1.5rem; color: #cbb7a6;}.top-bar p{font-family: "Fahkwang", sans-serif; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 500;}#rmlogo{display: inline-block; margin-top: 2.1rem; margin-bottom: 1.1rem;}.app-preview{margin-top: -40px; z-index: 2;}#app-ui{margin-top: 24px;}#app-ui img{margin: -0px auto 0 auto;}#projects{margin-bottom: 0px;}#projects a.next, #projects a.next:active{border: 1px solid rgba(255, 255, 255, 0.34); background: rgba(255, 255, 255, 0.17); text-align: left; padding: 4px 0px 8px 16px; font-family: "Fahkwang", sans-serif; font-size: 2rem; margin-left: 0px; width: 100%; margin-top: 12px;}#projects a.prev, #projects a.prev:active{border: 1px solid rgba(255, 255, 255, 0.34); text-align: left; padding: 4px 16px 8px 0px; font-family: "Fahkwang", sans-serif; font-size: 2rem; margin-right: 0px; width: 100%; margin-top: 12px;}#projects a.next img{height: 48px; width: auto; margin: 8px 0px 0px 12px; float: right;}#projects a.prev img{height: 48px; width: auto; margin: -30px 12px 0px 0px;}}@media screen and (min-width: 40em) and (max-width: 63.9375em){#app-ui{margin-top: 24px;}#app-ui img{margin: -0px auto 0 auto;}#projects{margin-bottom: 0px;}}