*{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
h1:after, h2:after, h3:after, .logo-text:after {
	line-height: 0;
}
body.page-template-app-udvikling-tmp {
	background-color: #fff;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.text-center {
	text-align: center;
}
.container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
}
.align-items-center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.flex-centered {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.content {
	padding-bottom: 120px;
}
.content .container {
	padding: 0 30px;
}
#menu-icon{
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	#nav {
	    clear: both;
	    left: 50%;
	    position: absolute;
	    top: 40px;
	    min-width: 160px;
	    z-index: 10000;
	    padding: 5px;
	    display: none;
	    right: 0px;
	    background: #646d72;
	    border-radius: 3px 0px 3px 3px;
	    -webkit-transform: translate(-50%, 0px);
	        -ms-transform: translate(-50%, 0px);
	            transform: translate(-50%, 0px);
	}
}
@media screen and (min-width: 320px) {
	.s-hero {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.s-hero .s-hero__content {
		max-width: 730px;
		margin: 0 auto 43px auto;
	}
	.s-hero .s-hero__content h1 {
	  font-size: 27px;
	  color: rgb(45, 52, 56);
	  font-weight: bold;
	  line-height: 1.2;
	  text-align: center;
	}

	.s-hero .s-hero__content h2 {
	  font-size: 12px;
	  color: rgb(252, 185, 0);
	  font-weight: 400;
	  text-transform: uppercase;
	  line-height: 1.2;
	  text-align: center;
	  letter-spacing: 0.1px;
	}
	.s-hero .s-hero__content h2::after {
		display: none;
	}

	.s-hero .s-hero__content p {
	  font-size: 14px;
	  color: rgb(101, 106, 111);
	  line-height: 1.2;
	  max-width: 570px;
		margin: 0 auto;
	}
	.s-hero .s-hero__image img {
		max-width: 90%;
	}
	.s-process {
		padding-top: 20px;
	}
	.s-process__header h2 {
	    font-size: 28px;
	    color: rgb(45, 52, 56);
	    font-weight: bold;
	    line-height: 1.2;
	    margin: 0 auto 5px;
	}
	.s-process__header p {
	  font-size: 15px;
	  color: rgb(101, 106, 111);
	  line-height: 1.2;
	}
	.s-process__short {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-bottom: 20px;
	}


	.s-process__col {
		width: 100%;
		margin-bottom: 15px;
	}
	.s-process__first-col-content {
		padding: 25px 20px;
	    text-align: center;
	    border: 1px solid #cad2d7;
	    border-radius: 6px;
	}
	.s-process__first-col-content p {
	  font-size: 15px;
	  color: rgb(101, 106, 111);
	  line-height: 1.2;
	  text-align: left;
	  margin-top: 0;
	  margin-bottom: 37px;
	}
	.s-process__first-col-content p:last-child {
		margin-bottom: 0;
	}
	.s-process__first-col-content p a {
		display: block;
		text-align: center;
		line-height: 1;
		padding: 17px 8px;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		background-color: #FCB900;
		border-radius: 3px;
		-webkit-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}
	.s-process__first-col-content p a:hover {
		background-color: #656a6f;
	}
	.s-process__col-content img {
	    height: 48px;	
		width: auto;
	}
	.s-process_col_text_content h3:after {
		display: none;
	}

	.s-process_col_text_content h3 {
		line-height: 1;
		margin: 12px 0;
		font-size: 14px;
		color: rgb(45, 52, 56);
		font-weight: bold;

	}
	.s-process__col.bordered {
		padding: 25px 20px;
		text-align: center;
		border: 1px solid #cad2d7;
		border-radius: 6px
	}
	.s-process__col.bordered p.step-number {
	  font-size: 12px;
	  color: rgb(101, 106, 111);
	  text-transform: uppercase;
	  line-height: 1;
		margin: 0;
	}
	.s-process__col.bordered p.step-number span{
		display: inline-block;
    	padding: 4px 3px 3px;
		background-color: #f5f5f5;
		border: 1px solid #cad2d7;
		border-radius: 4px;
		font-weight: bold;
	}

	.s-process__full-description .row {
		padding: 25px 0 25px 25px;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.s-process__full-description .row::before {
		content: '';
		position: absolute;
		top: 30px;
		left: 0;
		width: 1px;
		height: 100%;
		background-color: #cad2d7;
		margin-left: -1px;
	}
	.s-process__full-description .row:last-child::before {
		display: none;
	}
	.s-process__full-description .row .step-number {
		position: absolute;
	    display: block;
	    top: 21px;
	    left: 0;
	    -webkit-transform: translate(-50%, 0);
	        -ms-transform: translate(-50%, 0);
	            transform: translate(-50%, 0);
	    padding: 5px 7px;
	    background-color: #f5f5f5;
	    font-size: 20px;
	    color: rgb(252, 185, 0);
	    font-weight: bold;
	    border: 1px solid #cad2d7;
	    border-radius: 6px;
	}

	.s-process__full-description {
		padding: 30px 10px;
	}
	.s-process__full-description h3 {
	  font-size: 24px;
	  color: rgb(45, 52, 56);
	  font-weight: bold;
	  line-height: 1.2;
		margin-top: 0;
	}
	.s-process__full-description h3::after {
		display: none;
	}
	.s-process__full-description p {
	  font-size: 13px;
	  color: rgb(101, 106, 111);
	  line-height: 1.2;
	  text-align: left;
	}
	.s-process__full-description img {
	    max-height: 138px;
	    margin-top: 32px;
	    margin-left: -10px;
	}
}
@media screen and (min-width: 360px) {
	.s-hero .s-hero__content h1 {
	    font-size: 32px;
	    margin-top: 0;
	}
	.s-hero .s-hero__content h2 {
	    font-size: 14px;
	}
	.s-hero .s-hero__content p {
		font-size: 15px;
	}
	.s-process__header h2 {
		max-width: 80%;
	}
	.s-process_col_text_content h3 {
	    margin: 15px 0;
	    font-size: 16px;
	}
	.s-process__col-content img {
	    height: 58px;
	}
	.s-process__col.bordered p.step-number {
	    font-size: 14px;
	}
	.s-process__full-description p {
	    font-size: 15px;
	}
}
@media screen and (min-width: 414px) {
	.s-hero .s-hero__content h1 {
	    font-size: 35px;
	}
}

@media screen and (min-width: 768px) {
	.col-md-50 {
		width: 50%;
	}

	.s-hero {
		padding-bottom: 50px;
	}
	.s-hero .s-hero__content h2 {
	  font-size: 15px;
	}
	.s-hero .s-hero__image img {
		max-width: 73%;
	}
	.s-process {
		padding-top: 50px;
	}
	.s-process.container {
		padding: 0 15px;
	}
	.s-process__header p {
	  font-size: 15px;
	}
	.s-process__short {
		padding-bottom: 40px;
	}

	.s-process__col {
		width: 47%;
		margin: 1.3%;
	}
	.s-process__first-col-content {
		padding: 0;
		border: none;
	}
	.s-process__col.bordered {
	    padding: 13px 20px;
	}

	.s-process__full-description .row {
		padding: 30px 0 50px 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.s-process__full-description .row::before {
		left: 50%;
	}
	.s-process__full-description .row .step-number {
		top: 22px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
		padding: 14px 10px;
		font-size: 24px;
	}

	.s-process__full-description .row:nth-child(odd) .col-md-50:first-child {
		padding-right: 50px;
	}
	.s-process__full-description .row:nth-child(odd) .col-md-50:last-child {
		padding-left: 50px;
	}
	.s-process__full-description .row:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	.s-process__full-description .row:nth-child(even) .col-md-50:first-child {
		padding-left: 50px;
	}
	.s-process__full-description .row:nth-child(even) .col-md-50:last-child {
		padding-right: 50px;
	}
	.s-process__full-description {
		padding: 30px 15px;
	}
	.s-process__full-description h3 {
	  font-size: 28px;
	}
	.s-process__full-description p {
	  font-size: 15px;
	}
	.s-process__full-description img {
		max-height: 210px;
	}

}
@media screen and ( min-width: 1024px ) {
	.s-process__col {
		width: 22.3%;
		margin: 1.3%;
	}
	.s-process__col-content img {
	    height: 66px;
	}
	.s-process__full-description {
	    padding: 100px 15px 20px 15px;
	}
	.s-process__full-description .row:nth-child(odd) .col-md-50:first-child {
		padding-right: 80px;
	}
	.s-process__full-description .row:nth-child(odd) .col-md-50:last-child {
		padding-left: 80px;
	}
	.s-process__full-description .row:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	.s-process__full-description .row:nth-child(even) .col-md-50:first-child {
		padding-left: 80px;
	}
	.s-process__full-description .row:nth-child(even) .col-md-50:last-child {
		padding-right: 80px;
	}
	.s-process__full-description img {
	    max-height: 240px;
	    margin: 0;
	}
	.s-process__col.bordered {
	    padding: 25px 20px; 
	}

}