@media (max-width: 999px) {

	/******************************************************************definitons***********************************************************/

	.bg-image{
		height: 40%;
	}

	.top-titles{
		top: -25%;
	}

	/******************************************************************header***********************************************************/

	.header{
		height: 6vw;
	}

	.nav-links{
		display: none;
	}

	#navbar-logo img{
		height: 6vw;
		width: 30vw;
	}

	.header-side-menu-dark-bg{
		display: none;
		background: #000;
		height: 100%;
		width: 100%;
		filter: opacity(50%);
		position: fixed;
		z-index: 5;
	}

	.mobile-bars{
		display: block;
		color: #000;
		float: right;
		margin-top: -7.5vw;
		position: relative;
		right: 3%;
	}

	#mobile-bars-button{
		margin-top: 1.5vw;
		font-size: 6vw;
		background: none;
		border: none;
	}

	.header-side-menu{
		position: fixed;
		background: #fff;
		height: 100%;
		width: 70%;
		margin-left: 30%;
		/*To keep the element "hidden"*/
		right: -70vw;
		z-index: 1000;
	}

	.header-side-menu-content{
		display: block;
		position: relative;
		top: 5vw;
	}

	#header-side-menu-logo{
		height: 7vw;
		position: relative;
		top: -5vw;
		left: 3vw;
	}

	#header-side-menu-hide-button{
		margin-left: 43%;
		position: relative;
		top: -6vw;
		font-size: 6vw;
		background: none;
		border: none;
	}

	.header-side-menu-body{
		position: relative;
		left: 3vw;
		font-family: 'Open Sans';
		display: flex;
		flex-direction: column;
	}

	.header-side-menu-body h1{
		font-weight: normal;
		font-size: 6vw;
	}

	.header-side-menu-body a{
		color: #000;
		text-decoration: none;
	}

	.mobile-header-direction{
		margin-top: auto;
		font-family: 'Open Sans';
		position: relative;
		width: 90%;
	}

	.mobile-header-direction h2{
		font-weight: normal;
		font-size: 4vw;
	}

	.mobile-header-direction button{
		width: 100%;
		height: 6vw;
		color: #ddd;
		border: none;
		background: #162c49;
		font-size: 3.5vw;
	}

	/************************************************************r&p-pages***********************************************************/

	.rp-content{
		display: inline-grid;
	}

	/************************************************************r&p-software***********************************************************/

	.rp-content-software{
		width: 80%;
	}

	.rp-content-software:hover{
		background: #DADADA;
		transition: 0.3s;
	}

	.rp-content-software img{
		height: 8vw;
		width: 8vw;
	}

	.rp-content-software h2{
		display: inline-block;
		position: relative;
		top: -8vw;
		left: 9vw;
		font-size: 5vw;
	}

	.rp-content-software hr{
		height: 0.2vw;
		background: #000;
		border: none;
	}

	.rp-content-software p{
		font-size: 3vw;
		margin-bottom: 3vw;
		margin-top: -5vw;
	}

	.rp-content-software a{
		font-size: 3vw;
	}

	.rp-content-software-head{
		margin: 1vw;
	}

	.rp-content-software-body{
		margin: 1vw;
	}

	/*Civil Part*/

	.rp-content-software-civil{
		width: 80%;
	}

	.rp-content-software-civil:hover{
		background: #DADADA;
		transition: 0.3s;
	}

	.rp-content-software-civil img{
		height: 8vw;
		width: 8vw;
	}

	.rp-content-software-civil h2{
		display: inline-block;
		position: relative;
		top: -8vw;
		left: 9vw;
		font-size: 5vw;
	}

	.rp-content-software-civil hr{
		height: 0.2vw;
		background: #000;
		border: none;
	}

	.rp-content-software-civil p{
		font-size: 3vw;
		margin-bottom: 3vw;
		margin-top: -5vw;
	}

	.rp-content-software-civil a{
		font-size: 3vw;
	}

	/************************************************************others***********************************************************/

	#microstation-card-link{
		top: 0;
	}

	#lumenrt-card-link{
		top: 0;
	}

	#openrail-card-link{
		position: relative;
		top: 0;
	}

	/******************************************************************footer***********************************************************/

	#footer-logo{
		height: 10vw;
	}

	.footer-social-media{
		font-size: 5vw;
		right: 1vw;
	}

	.footer-columns{
		float: left;
		margin-top: 6vw;
		margin-right: 1vw;
		margin-bottom: 5vw;
		position: relative;
		right: 2vw;
	}

	.footer-columns a{
		font-size: 2.3vw;
		position: relative;
		right: 1vw;
	}

	.footer-direction{
		font-size: 2vw;
	}

	.footer-direction button{
		margin-top: 1vw;
		height: 4vw;
		width: 27.5vw;
		background: #162c49;
		color: #ddd;
		font-size: 2vw;
		border: none;
		border-radius: 0.3vw;
		cursor: pointer;
	}

	#made-by{
		margin-top: 3vw;
		color: #000;
		float: left;
	}
}









@media (max-width: 499px) {
	
	/******************************************************************definitions***********************************************************/

	.bg-image{
		height: 40%;
	}

	.top-titles{
		top: -25%;
	}

	/******************************************************************header***********************************************************/

	.header{
		height: 8vw
	}

	.nav-links{
		display: none;
	}

	#navbar-logo img{
		height: 7.5vw;
		width: 35vw;
		position: relative;
		left: 3%;
	}

	.header-side-menu-dark-bg{
		display: none;
		background: #000;
		height: 100%;
		width: 100%;
		filter: opacity(50%);
		position: fixed;
		z-index: 5;
	}

	.mobile-bars{
		display: block;
		color: #000;
		float: right;
		margin-top: -7.5vw;
		position: relative;
		right: 3%;
	}

	#mobile-bars-button{
		font-size: 7.5vw;
		background: none;
		border: none;
		margin-top: -0.3vw;
	}

	.header-side-menu{
		position: fixed;
		background: #fff;
		height: 100%;
		width: 70%;
		margin-left: 30%;
		/*To keep the element "hidden"*/
		right: -70vw;
		z-index: 1000;
	}

	.header-side-menu-content{
		display: block;
		position: relative;
		top: 5vw;
	}

	#header-side-menu-logo{
		height: 10vw;
		position: relative;
		top: -5vw;
		left: 3vw;
	}

	#header-side-menu-hide-button{
		margin-left: 20%;
		position: relative;
		top: -8vw;
		font-size: 7.5vw;
		background: none;
		border: none;
	}

	.header-side-menu-body{
		position: relative;
		left: 3vw;
		font-family: 'Open Sans';
		display: flex;
		flex-direction: column;
	}

	.header-side-menu-body h1{
		font-weight: normal;
		font-size: 8vw;
	}

	.header-side-menu-body a{
		color: #000;
		text-decoration: none;
	}

	.mobile-header-direction{
		margin-top: auto;
		font-family: 'Open Sans';
		position: relative;
		width: 90%;
	}

	.mobile-header-direction h2{
		font-weight: normal;
		font-size: 5vw;
	}

	.mobile-header-direction button{
		width: 100%;
		height: 6vw;
		color: #ddd;
		border: none;
		background: #162c49;
		font-size: 3.5vw;
	}

	/******************************************************************index-page***********************************************************/

	.mobile-nav-links{
		display: block;
		font-size: 3vw;
		margin-bottom: 5vw;
	}

	.mobile-nav-links a{
		color: #000;
		margin-left: 5vw;
	}

	.software-thumb{
		font-size: 3vw;
		height: 20vw;
	}

	.software-thumb img{
		height: 10vw;
		margin: 1vw;
	}

	/******************************************************************footer***********************************************************/

	#footer-logo{
		height: 12vw;
	}

	.footer-social-media{
		font-size: 8vw;
		right: 1vw;
	}

	.footer-columns{
		display: none;
	}

	.mobile-footer-columns{
		display: block;
		color: #000;
	}

	.mobile-footer-columns h5{
		font-size: 6vw;
	}

	.mobile-footer-columns a{
		text-decoration: none;
		color: #000;
	}

	.footer-direction{
		font-size: 2.5vw;
	}

	.footer-direction button{
		margin-top: 1vw;
		height: 6vw;
		width: 100%;
		background: #162c49;
		color: #ddd;
		font-size: 3vw;
		border: none;
		border-radius: 0.3vw;
		cursor: pointer;
	}

	#made-by{
		margin-top: 3vw;
		color: #000;
		float: left;
		font-size: 3vw;
	}

	/************************************************************r&p-software***********************************************************/

	.rp-content-software{
		width: 90%;
	}

	.rp-content-software:hover{
		background: #DADADA;
		transition: 0.3s;
	}

	.rp-content-software img{
		height: 8vw;
		width: 8vw;
	}

	.rp-content-software h2{
		display: inline-block;
		position: relative;
		top: -8vw;
		left: 9vw;
		font-size: 5vw;
	}

	.rp-content-software hr{
		height: 0.2vw;
		background: #000;
		border: none;
	}

	.rp-content-software p{
		font-size: 3vw;
		margin-bottom: 3vw;
		margin-top: -5vw;
	}

	.rp-content-software a{
		font-size: 3vw;
	}

	.rp-content-software-head{
		margin: 1vw;
	}

	.rp-content-software-body{
		margin: 1vw;
	}

	/*Civil Part*/

	.rp-content-software-civil{
		width: 90%;
	}

	.rp-content-software-civil:hover{
		background: #DADADA;
		transition: 0.3s;
	}

	.rp-content-software-civil img{
		height: 8vw;
		width: 8vw;
	}

	.rp-content-software-civil h2{
		display: inline-block;
		position: relative;
		top: -8vw;
		left: 9vw;
		font-size: 5vw;
	}

	.rp-content-software-civil hr{
		height: 0.2vw;
		background: #000;
		border: none;
	}

	.rp-content-software-civil p{
		font-size: 3vw;
		margin-bottom: 3vw;
		margin-top: -5vw;
	}

	.rp-content-software-civil a{
		font-size: 3vw;
	}

	/************************************************************about-page***********************************************************/

	.first-about-sector-text{
		width: 50%;
		font-weight: normal;
		line-height: 4vw;
		font-size: 3vw;
	}

	#first-about-sector-img {
		margin-top: -25vw;
	}

	.second-about-sector-text {
		width: 50%;
		float: right;
		font-weight: normal;
		line-height: 4vw;
		font-size: 3vw;
	}

	#third-about-sector-title{
		font-size: 5.3vw;
		margin-bottom: 3vw;
	}

	/************************************************************mobile-about-page***********************************************************/

	.desktop-about-squares{
		display: none;
	}

	.mobile-about-squares{
		display: block;
	}

	.mobile-about-cards-titles{
		font-size: 2.5vw !important;
	}
}