/*********CSS script layout 5 eulerkidsfoundation.com**********/

	@media screen and (min-width:55em) {
   body {
         font: normal 100.01% Helvetica, Arial, sans-serif; 
         color: black;
         background-color: #FBDE51 !important;
    }
	
	#visible {
		border-bottom: 1px solid;
		margin-bottom: 10px;
		display: block !important;
		max-width: 63em;
	}
	
	/* +++++++ Header ++++++++++*/
	#title {
		font-size: 2em;
		color: white;
		text-shadow: 0.05em 0.1em 0.2em #333;
		background: rgba( 60, 60, 60, 0.3);
		
	}
	
	/* +++++++++ Menu +++++++++++ */
	
	#menubar {
		display: none !important;
    }
	
	#menu {
		display: block !important;
		margin-bottom: 1em;
    }

    #menu ul{
         margin: 0;
         padding: 1em;
         text-align: center !important;
    }
    #menu ul li {
         list-style: none;
         margin: 0em;
		 display: inline-block !important;
         padding: 1% 2%;
    }	
	
	
	
	/* +++++++++ Content +++++++++++ */
	article a {
         color:#000;
    }
	article a:hover {
         color: #5a71d8;
    }

    article a:activ {
         color: #5a71d8;
    }
    
	
	#content {
		line-height: 130% !important;
		display: flex !important; 
		flex-direction: row-reverse; 
		flex-wrap: wrap;
		padding: 0px !important;
		
	}
	.single {
		width: 100%;
		padding: 2%;
	}
	.right {
		border: 0px;
	}
	.left {
		border-right: 1px solid #2942AF;
	}
    
	
	.parallel {
		padding: 0 2%;
	}
	.text_pic {
		border: 0px;
		height: 10em;
		float: right;
		margin-left: 1.2em; 
		margin-bottom: 1.2em;
		transition: transform .5s ease !important; /* Animation */
		max-width: 15em
	}
		.pic_large {
		display: inline !important;
		margin: 0 !important;
	}
	.mobile {
		display: none;
	}
	
	/* +++++++++++++++++++++++++++++++ SideLink +++++++++++++++++++++++++++++++++++++ */
	.sidelinks {
		flex-direction: column !important;
	}
	
	#linkpic {
		width: 100% !important;
	}
	}
	
	@media screen and (min-width:63em) {
	 
	 #main {
		
		width: 62em !important;
	}
	
	header{
		width: 100%;
	}
	nav ul li {
		 list-style: none;
         display: inline;
         padding: 0 1.62em 0 1.6em !important;
         border-right: solid 1px !important;
		 border-color: #3558af !important;
    }
	nav ul {
         padding: 20px 10px;

    }
	#menu ul li:hover {
		 background: #2942AF !important;
	}
	
		
	.text_pic:hover {
		transform: matrix(1.5, 0, 0, 1.5, -35, 0);
	}
	
	}