@media screen{

	body, html {    
    	overflow-x: visible;        
	}

	body{
		font-family: 'PT Sans', Arial, sans-serif;
		font-size : 1em;
		margin:0;
		padding:10px;
	}
	
	*{
   		margin: 0;
   		padding:0;
    	box-sizing: border-box;
	}

	:root {
    	color-scheme: light dark;
  		background: radial-gradient(circle,#002189 33.3333%, #000C4B 100%);
  		color: white;

	
	img{
		border:none;
		max-width:100%;
		height:auto;

	}
	
	a{
		color:#EFD9A0;
		text-decoration:none;
	}
	
	a:hover{
		color:#72C9C4;
	}
	
	#logo{
		font-size:2em;
	}
	
	nav ul li{
		text-decoration:none;
	}

	nav ul li a{
		padding:10px;
		transition:0.3s;
	}
	
	nav ul li a:hover{
		transition:0.3s;
		background:#B0F2FF;
		color: #041314 !important;
	}

	.nav-links{
		padding:0;
	}


	/*RESPONSIVE NAVBAR MENU STARTS*/
	/* CHECKBOX HACK */
	input[type=checkbox]{
		 display: none;
	} 
	
	/*HAMBURGER MENU*/
	.hamburger {
		 font-size: 44px;
		 user-select: none;
	}

	/*HAMBURGER MENU*/
	.mobilesearch-icon,
	.mobileuser-icon {
		 user-select: none;
	}

	#content{
		clear:both;
	}

	
	footer{
		clear:both;
	}
	
	#footer-social{
		font-size:1.5em;
	}
}

@media screen and (max-width :992px){

	#logo{
		width:66%;
		display:block;
		float:left;
	}

	nav{
		width:100%;
		display:block;
	}
	
	.mainmenu { 
 		display:none;
		right: 0;
	 	left: 0;
	 	clear:both;
	}

	.hamburger {
		 display: block;
		 padding:0 5px;
		 float:right;
	}

	.mainmenu li:hover {
 		background-color:#4c9e9e;
 		transition: 0.3s ease;
	}

	input[type=checkbox]:checked ~ .mainmenu
	{
		 display: block;
	}

	nav ul li{
		display: block;
		text-decoration:none;
	}

	nav ul li a{
		display: block;
		text-decoration:none;
		border-bottom:#B0F2FF 1px solid;
	}

	nav ul li a:hover{
		background:#B0F2FF;
	}
	
	footer{
		text-align:center;
	}
	
	#footer-copyright,
	#footer-social{
		width:100%;
		clear:both;
		padding:5px;
	}

}

@media screen and (min-width :993px){

	#container{
		width:90%;
		margin:auto;
	}
	
	#logo{
		width:33%;
		display:block;
		float:left;
	}

	nav{
		display:block;
		text-align:right;
	}
	
	.hamburger {
		 display: none;
	}

	nav ul{
		padding-top:10px;
	}

	nav ul li{
		display: inline-block;
	}

	nav ul li a{
	
	border-radius:15px;
	background: rgb(232, 254, 255, 0.1);
    box-shadow: 0 0 10px #B0F2FF;
	padding:10px;
	margin: 0 5px;
	}

	#footer-copyright,
	#footer-social{
		width:50%;
		float:left;
		padding:5px;
	}
	
	#footer-social{
		text-align:right;
	}
}