/* imgsite.css */


/*header*/
	html{
		font-family: Tw Cen MT, Poppins, Century Gothic, Aprows;
		background-image: linear-gradient(rgba(0, 100, 0, 0.25), rgba(0, 100, 0, 0.75)), url(zzlogo1.png), url(zzlogo1.png);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-attachment: fixed, scroll, scroll;
		background-size: cover, 75px, 75px;
		background-position: center, top left, top right;
	}

	@media (max-width: 950px){
	html {
		max-width: 100%;
		overflow-x: hidden;
	}

/*head*/
	.title{
		width: 100%;
		text-align: center;
		font-size: 300%;
        margin-top: 0px;
		margin-bottom: 0px;
	}

	.slogan{
		width: 100%;
		text-align: center;
		margin-top: 0px;
		font-size: 200%;
		margin-bottom: 0px;
	}

	.backbtn{
		display: flex;
		width: 100%;
		justify-content: center;
	}

    .btn{
		background-color: rgba(0,100,0,0.5);
		font-size: 20px;
		border-width: 5px;
		border-style: ridge;
		border-color: darkgreen;
		cursor: pointer;
        width: 75px;
    }

    .btn:hover{
        background-color: darkgreen;
    }

    .btn a {
		margin: 1px;
		text-decoration: none;
		color: black;
		font-size: 18px;
		text-align: center;
	}

    .btntxt{
        line-height: 50px;
    }

/*body*/
	body{
		margin-right: 10px;
	}

	.title{
	    width: 100%;
	    text-align: center;
	    font-size: 300%;
		margin-right: 10px;
	}

	.slogan{
	    width: 100%;
	    text-align: center;
	    margin-top: 0px;
	    font-size: 200%;
	    margin-bottom: 0px;
		margin-right: 10px;
	}

	.description{
		display: flex;
		width: 100%;
		text-align: center;
		font-size: 150%;
	}

	.text, .row{
		margin-right: 7px;
	}

	.img{
		max-width: 100%;
		border-width: 5px;
		border-style: ridge;
		border-color: darkgreen;
		margin-bottom: 5px;
	}

	hr { 
		border-color: darkgreen;
	}

	.footer{
		display: inline-block;
		text-align: center;
		width: 100%;
		margin-bottom: 5px;
	}
}