/* MOBILE MEDIA QUERIES*/
/*from small to large*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 599px) and (orientation: portrait){
	.show-on-desktop, .show-on-tablets, .hide-on-mobile { display: none; }
}

@media only screen and (max-width: 599px) and (orientation: landscape){
	.show-on-desktop, .show-on-tablets, .hide-on-mobile { display: none; }
	div.mobile-image-container { display: none; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: portrait){
	.show-on-desktop, .show-on-tablets, .hide-on-mobile { display: none; }
}

@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape){
	.show-on-desktop, .show-on-tablets, .hide-on-mobile { display: none; }
	div.mobile-image-container { display: none; }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hide-on-desktop, .show-on-tablets, .show-on-mobile { display: none; }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1999px){
	.hide-on-desktop, .show-on-tablets, .show-on-mobile { display: none; }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.hide-on-desktop, .show-on-tablets, .show-on-mobile { display: none; }
}



html, body 
	{
		width:100%;
		height:100%;
    	margin:0;
		padding:0;
	}

a 
	{
		text-decoration:none;
	}

.hide
	{
		display:none;
	}

.mobile-image-container
	{
		width:100%;
		margin:auto;
		padding:1% 25%;
	}

.nav	/*horizontal nav menu ul*/
	{
    	list-style:none;
    	margin:0;
    	padding:0;
    	text-align:center;
	}

.nav li /*horizontal nav menu li*/
	{
		display:inline-block;
	}

.li:hover
	{
		background-color:#4CAF50;/*nav li classname*/
		font-size:60px;
	}

.nav li:hover .item
	{
		color:white;
	}
	
.nav a
	{
    	display:inline-block;
    	padding:0 5px;
	}

/*---------------------------*/

.dropdown-mobile 
	{
    	display: inline-block;
	}

.dropdown-content-mobile
	{
    	display: none;
    	position: absolute;
    	left:0;
		width:98%;
		margin-left:1%;
		margin-right:1%;
		padding-top:10px;
	}

.link-mobile
	{
		background:white;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

.link-mobile a
	{
		display:block;
		padding: 12px 16px;
		text-decoration: none;
		text-align:left;
		color:#003366;
	}

/*---------------------------*/

.dropdown 	/*dropdown menu*/
	{
    	position: relative;
    	display: inline-block;
	}

.dropdown-content	/*dropdown-content wrapper*/
	{
	    display: none;
	    position: absolute;
		margin-left:-16px;
		padding-top:35px;
	}

.link	/*Sub-menu*/
	{
		background:white;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	
.link a
	{
		display:block;
		padding: 12px 16px;
		text-decoration: none;
		text-align:left;
		color:#003366;
		font-size:16px;
	}

.dropdown:hover .dropdown-content 
	{
    	display: block;
	}

.space_bottom 
	{
		margin: auto;
		text-align: center;
	}

.space_bottom p 
	{
		visibility: hidden;
		margin: auto;
	}