html,body{
	width: 100%;
	height: 100%;
	font-family: 'poppins',sans-serif,Georgia;
	color: #222;
	margin-top: 0px;

}

*{

	box-sizing: border-box;
}

.navbar{
	background:green ;
	padding: .8rem;
	border-bottom:;
	box-shadow:;
}

.navbar-toggler span{
	font-weight: bold; 
	color: green;
}

.navbar-nav li{
	padding-right: 30px;
	color: white;
	background-color:;
	padding: 10px;
	font-family: ;
	font-weight: ;

}

.nav-link{
	font-size:14px; 
	font-style: ;
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
	font-weight:;

}

.nav-link a:hover{
	font-size:17px;
	text-decoration: none;
	color: white; 
}












/*media queries*/
@media only screen and (min-width: 100px) {
	/*smartphone portrait*/
.all{
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 100%;
	}

	
		#cyro{
		visibility: hidden;
	}

}







@media only screen and (min-width: 480px) {
	/*smartphone landscape*/
.all{
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 100%;
	}




	
}








@media only screen and (min-width: 768px) {
	/*tablet portrait*/
.all{
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 70%;
	}


	#cyro{
		visibility: hidden;
	}

}









@media only screen and (min-width: 1024px) {
	/*tablet/desktop landscape*/
.all{
		margin-right: auto;
		margin-left: auto;
		display: block;
		width: 70%;
	}


     #cyro{
		visibility: visible;
	}

	
}