.ss {
    max-width:100%;
    height:auto;
}
h1 {
	color:black;
	-webkit-text-stroke: 2px #f7b227;
	font-size:42px;
}
h2, h3 {
	color:#f2d64d;
    padding: 10px;
}
body {
    margin: 0 auto;
    text-align: center;
    font-family: courier new;
	font-size: 20px;
    background-color: black;
    color: white;
}
img {
    max-width:100%;
}
hr {
	color: #f2d64d;
	width: 60%;
}
footer {
	color:black;
    background-color: #468c68;
    padding: 20px;
}
video {
    position: inherit;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    z-index: -1;
}
lite-youtube {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
iframe {
	max-width: 100%;
}
a {
	display:inline-block;
	margin:10px;
	margin-bottom:40px;
}
footer a {
	color:black;
	display:inline-block;
	margin-bottom:20px;
}
a:visited {
	color:darkslategrey;
}
.button {
    background-color: #468c68;
    border: 1px;
    padding: 10px;
    padding-bottom:0px;
    margin-bottom:0px;
    border-radius: 5px 5px 0px 0px;
    font-size: 24px;
    /*font-family: courier new;
    font-weight: 800;*//*
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	video {
		max-width:90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1600px) {
	video {
		max-width:85%;
	}
}



button:hover {
    background-color: aqua;
    cursor: pointer;
}*/