@import url("https://fonts.googleapis.com/css?family=Muli:400,700");
#navbar {
	height: 8%;
	background-color: #343a40 !important;
}

.active_link {
	color: orange !important;
}

html, body {
    font-family: "Muli", sans-serif !important;
    letter-spacing: -0.5px;
}


.loader {
	position: fixed;
	top: 40%;
	left:45%;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #4274bb; /* Blue ricap*/
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1.5s linear infinite;
    z-index: 1051 !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/* -----------------------------------
Smartphone
------------------------------------ */

	@media all and (max-device-width:991px) {
		.navbar-nav a {
			font-size: small;
		}


	}


	/* -----------------------------------
	iPad 
	------------------------------------ */

	/*
	@media all and (min-device-width:769px) and (max-device-width:991px) {

	}
	 */

	/* -----------------------------------
	iPad high resolution
	------------------------------------ */

	@media all and (min-device-width:992px) and (max-device-width:1199px) {
		.navbar-nav a {
			font-size: small;
		}

	}

	/* -----------------------------------
	Desktop
	------------------------------------ */

	@media all and (min-device-width:1200px) {



	}
	
	@media all  and (max-height: 700px) {
		.navbar-brand {
			font-size: medium !important;
		}
		#main_container {
			height: 91% !important;
		}
		#navbar {
			height: 9% !important;
		}



	}