@import url("//hello.myfonts.net/count/39b0f3");

@font-face {font-family: 'Arquitecta-Bold';src: url('../fonts/39B0F3_0_0.eot');src: url('../fonts/39B0F3_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/39B0F3_0_0.woff2') format('woff2'),url('../fonts/39B0F3_0_0.woff') format('woff'),url('../fonts/39B0F3_0_0.ttf') format('truetype');}

@font-face {font-family: 'Arquitecta-Heavy';src: url('../fonts/39B0F3_1_0.eot');src: url('../fonts/39B0F3_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/39B0F3_1_0.woff2') format('woff2'),url('../fonts/39B0F3_1_0.woff') format('woff'),url('../fonts/39B0F3_1_0.ttf') format('truetype');}

@font-face {font-family: 'Arquitecta-Regular';src: url('../fonts/39B0F3_2_0.eot');src: url('../fonts/39B0F3_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/39B0F3_2_0.woff2') format('woff2'),url('../fonts/39B0F3_2_0.woff') format('woff'),url('../fonts/39B0F3_2_0.ttf') format('truetype');}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Arquitecta-Regular', sans-serif;
}
body { 
	outline: none;
	border: none;
}

img {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
}

.left-background {

	background-image: url('http://nl.beecoded.ro/CDS-project/images/mountain-background@2x.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 100%;
}

/* Align items to the center */
.center-aligned-items {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

/* Main container color & size */ 
.main-bg {
	background-color: #C5091E;
	min-height: 100vh;
}
	
/* Font styles * sizes */
.font-Arquitecta {
	font-family: 'Arquitecta-Bold', sans-serif;
	color: #231F20 !important;
}
s
.fs-25{
	font-size: 25px;
}
.fs-30 {
	font-size: 30px;
}
.fs-40 {
	font-size: 40px;
}
.fs-60-xs {
	font-size: 60px;
}
.fs-120-lg {
	font-size: 120px;
}


/* Padding styles */
.p-top-bottom-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.p-40 {
	padding: 40px;
}

.p-bottom-10 {
	padding: 0;
	padding-bottom: 10px;
}
.p-bottom-30 {
	padding-bottom: 30px;
}

/* Setting size when bigger than content */
.first-row {
	height: 20%;
}
.second-row {
	height: 60%;
}
.third-row {
	height: 20%;
}

/* Container text style */
.text-container {
	padding: 80px 0;
	text-align: center;
}

/* Position relative*/
.position-relative {
	position: relative;
}

/* Setting min height to 100vh*/
.mh-100vh {
	min-height: 100vh;
}

.text-align-center {
	text-align: center !important;
}

.right-section {
	padding: 40px 35px !important;
}

/* Styling report button*/
.report-button {
	font-size: 25px !important;
	line-height: 38px;
	color: #C5091E !important; 
	text-decoration: underline !important;
}
.go-back-button {
	font-size: 30px !important;
	font-weight: 900;
	line-height: 40px;
	color: #231F20 !important;
	text-decoration: none !important;
}

.top-left-content {
	background-color: #ffffffE6;
}
.top-right-content {
	background-color: #ffffffE6;
}

.h-fit-content{
	height: fit-content !important;
}


.title-lg {
	/*line-height: 60px;*/
	font-weight: 900 !important;
}
.subtitle {
	font-weight: 900;
	line-height: 48px;
}
.only-992 {
	display: none;
}
.climbers-desktop {
	display: none;
}
.climbers-mobile-container {
	position: relative; 
	display: flex; 
	justify-content: center; 
	align-content: center;
	align-items: center; 
	width:100%; 
	padding-top:60px;
/*	height: 300px;
*/}

/* XS screens */
@media screen and (max-width: 575px){
	.h-small-100{
		height: 100%;
	}
	.p-10-xs{
		padding: 20px 15px 10px 15px !important;
	}
	.fs-40-xs {
		font-size: 40px;
	}
	.fs-80-xs {
		font-size: 80px;
	}
	.fs-20-sm {
		font-size: 20px;
	}
	.fs-25-xs {
		font-size: 25px;
	}
	.right-section {
		display: none;
	}
	.top-left-content{
		padding:40px 40px 40px 40px !important;
	}

	.logo-mobile-xs {
		padding:0 !important;
	}
	.climber {
		position: relative !important;
		top: 5%; 
		left: 15%;
	}
	.text-container {
		padding:20px 0 40px 0 !important;
	}
	.report-text {
		text-align: center;
	}
	.title {
		line-height: 80px;
	}
	.go-back-992 {
		padding-bottom: 0;
	}
	.fixed-width {
		width: 100%;
	}
	.go-back-col {
		padding-bottom:25px;
	}
	.left-background {
		padding:17px 15px 40px 15px !important;
	}
}

/* SM screens */
@media screen and (min-width: 576px){
	.h-small-100{
		height: 100%;
	}
	.p-10-xs{
		padding: 20px 23px 10px 23px !important;
		margin:0 auto !important;
	}
	.fs-20-sm {
		font-size: 20px;
	}

	.right-section {
		display: none;
	}
	.top-left-content{
		padding:40px 50px 60px 50px !important;
		
	}
	.climber {
		position: relative;
		top: 5%; 
		left: 25%;
	}
	.text-container {
		padding:0 0 40px 0 !important;
	}
	.go-back-col {
		padding-bottom:25px;
	}
	.report-text {
		text-align: center;
	}
	/*
	.title {
		line-height: 60px;
	}*/
	.go-back-992 {
		padding-bottom: 0;
	}
	.fixed-width {
		width: 400px !important;
		height: 90px !important;
	}
	.row-responsive {
		width: 500px !important;
	}
	.left-background{
		padding: 40px 38px 60px 38px !important;
	}
}

/* MD screens */
@media screen and (min-width: 768px){

	.p-10-xs{/*
		padding: 20px 15px 10px 15px !important;*/
		padding: 30px 45px !important;
	}
	.right-section {
		display: none;
	}
	.climber {
		top: 5%; 
		left: 25%;
	}
	.text-container {
		padding-top: 60px !important;
		padding-bottom: 80px !important;
	}
	.report-text {/*
		padding-left: 0 !important;*/
		padding-right: 0 !important;
		text-align: left;
	}
	.fixed-width {
		width: 400px !important;
		height: 90px !important;
	}
	.row-responsive {
		width: 648px !important;
	}
	.top-left-content{
		padding:40px 105px 60px 105px !important;/*
		padding-left:105px !important;
		padding-right:105px !important;*/
	}
	.go-back-mobile {
		padding-left: 0 !important;
	}
	.go-back-col {
		padding-left:0 !important;
	}
	.left-background {
		padding: 60px !important;
	}

}

@media screen and (max-width: 991px){
	.h-small-100 {
		height: 100%;
	}
}
/* LG screens */
@media screen and (min-width: 992px){
	.left-background {
		height: auto;
	}
	.h-fit-content {
		height: 100% !important;
	}
	.report-button {
		font-size: 25px;
	}
	.report-text {
		text-align: center;
	}

	.top-right-content {/*
		padding-top: 80px;
		padding-bottom:60px;*/
		padding:40px 40px 60px 40px !important;
	}

	.right-section {
		display: block; 
		padding-top: 60px !important;
		padding-right:60px !important;
		padding-bottom:49px !important;
		padding-left:60px !important;
	}
	.row-responsive{
		margin: 0 auto !important;
		width: 376px !important;
		height: auto !important;
	}
	.top-left-content {
		display: none;
	}
	.d-none-xl {
		display: none !important;
	}
	.climber {
		position: absolute !important;
		top: 45%; 
		left: 25%;
	}
	.go-back-992 {
		padding-bottom: 20px !important;
	}
	.climbers-desktop {
		display: block;
		position: absolute;
		left: 20% !important;
		bottom: 15% !important;
	}
	.first-row {
		height: auto;
	}
	.second-row {
		height: auto;
	}
	.third-row {
		height: auto;
	}
	.fixed-width {
		width: 296px !important;
		height: 66px !important;
	}
	.report-desktop {
		padding-left:20px !important;
		padding-right: 20px !important;
	}
	.text-container {
		padding: 60px 0 80px 0;
	}
}

/* XLG screens */
@media screen and (min-width: 1200px){
	.report-text {
		text-align: left;
		padding: 0 !important;
	}
	.fs-120-lg {
		font-size: 120px;
	}
	
	.text-container {
		padding: 60px 0 100px 0 !important;
	}
	.top-left-content {
		display: none;
	}
	.climber {
		top: 45%; 
		left: 25%;
	}
	.h-fit-content {
		height: fit-content !important;
	}
	.go-back-992 {
		padding-bottom: 0;
	}
	.row-responsive{
		width: 481px !important;
		height: auto !important;
	}
	.fixed-width {
		width: 400px !important;
		height: 90px !important;
	}/*
	.top-right-content {
		padding-top: 20px;
		padding-bottom:20px;
	}*/
	.right-section {
		padding: 60px !important;

	}
	.report-button {
		line-height: 30px !important;
	}
}

@media screen and (min-width: 992px) and (min-height: 992px) {
	.climber {
		top:45% !important;
	}
}
@media screen and (min-height: 992px){
	.climber {
		top:45% !important;
	}
}
@media screen and (min-width: 1920px){
	.text-container {
		padding: 60px 0 104px 0;
	}
	.row-responsive{
		width: 720px !important;
		height: auto !important;
	}

	.climbers-desktop {
		left: 35% !important;
		bottom: 25% !important; 
	}
	.right-section {
		padding: 120px !important;

	}
	.top-right-content{
		padding:40px 60px 60px 60px !important;
	}
	.report-button {
		line-height: 38px !important;
	}
}