


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

	nav
	{
	    font-size:80%;
	}
	img.logo_lion
	{
		width:50%;
	}
	div.meat
	{
		width:95%; 
		max-width:95%; 
	}
	div.maincontent
	{
		max-width:95%;
		width:95%;
	}


}

@media only screen and (max-device-width: 768px) 

{



  #body1
  {
         background-size:    150% 100%; 

  }
	#bgvid 
	{
		display: none;        
	}
	nav
	{
	    font-size:60%;
	}
	
	img.logo
	{
		width:50%;
		padding:2em;
	}
}



@media only screen and (max-device-width: 768px) {

	.codrops-header {
		margin-bottom: 0;
		padding-bottom: 1em;
	}

	.column {
		
		margin-top:20%;
		width: 100%;
		min-width: auto;
		min-height: 0;
		padding: 2em; 
		text-align: center;
		background-color: rgba(0, 0, 0, 0.8);
	}

	.column p {
		font-size: 1.5em;
	}

	.column:nth-child(2) {
		text-align: center;
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}
}

@media only screen and (max-device-width: 480px) 
{
	#bgvid 
	{
		display: none;        
	}
	img.logo
	{
		width:80%;
		padding:2em;
	}

    
	#body1
	{
		background-size:cover;
	}
	
	.codrops-header {
		font-size: 80%;
	}

	.codrops-top {
		font-size: 120%;
	}

	.codrops-icon span {
		display: none;
	}
	.column {
		
		margin-top:0%;

	}

}
