html {scroll-behavior:smooth}

body{
width: 100vw; 
background-image: url("sc/bg.jpeg");
background-repeat: repeat;
background-position: left top;
background-size: 3000px 4500px;
overflow-x: hidden;
font-size:1em;
margin:0;
}

video {
width: 100%; 
display: block; 
auto;
padding: 0%;
border-radius: 3%;

}

img {
width: 100%; 
display: block; 
margin: auto;

}

h1, h2, h3, h4, h5, h6, p {
margin:0;
color:white; 
}

.h2 {
 font-size: 1.5em;
}

.h3 {
 font-size: 1em;
}

.h4 {
 font-size: 0.5em;
}


.container{
	max-width:1200px;
	min-width: 500px; 
	font-size:0;
	margin:0 auto;
}

.container-sticky{
	max-width:1200px;
	min-width: 500px; 
	vertical-align:middle;
	margin:0 auto;
        padding: 0px 0;
background-color: pink;
position: sticky;
top: 0;
text-align: right;
}


.item {
 display: inline-block;
 vertical-align:top;
 text-align:center;
 padding: 5%;
 font-size:1rem;
}

.item-1 {
 width:100%;
}

.item-2 {
 width:90%;
}

.item-3 {
 width:20%;
 padding: 0%;
 margin:0px 0px 0px 0px;
}

.item-4 {
 width:70%;
 padding: 0%;
 margin:0px 0px 0px 10px;
}

.item-5 {
 width:40%;
}

.item-6 {
 width:22%;
 padding: 0%;
 margin:1% 1% 1% 1%;
}

.item-7 {
 width:90%;
}

.item-8 {
 width:48%;
 padding: 0%;
 margin:1% 1% 1% 1%;
 text-align:left;
}

.item-9 {
 width:48%;
 padding: 0%;
 margin:1% 1% 1% 1%;
 text-align:left;
}


.item-10 {
 min-width:15%;
 padding:0%;
 margin:0%;
 text-align:center;
 vertical-align:middle;
 background-color:white;
 opacity: 0.5;
border-radius: 20%;
}


.item-11 {
 width:70%;
 padding: 0%;
 margin:1% 1% 1% 1%;
 text-align:left;
 vertical-align:middle;
}

.item-12 {
 width:100%;
 padding: 0%:
 margin:0% auto;
 position:relative;
 left:-5%;
}

a {
color:RoyalBlue; 
text-decoration: none; 
outline: none;
font-size: 1.5em;
}

a:hover, a:active {
text-decoration: none; 
font-size: 1.5em;
color:white; 
}

p {
 text-align:left;
}

footer{
 clear:both;
}



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


.item-3 {
 width:90%;
}

.item-3 img {
 float: left;
}

.item-4 {
 width:90%;
}

.item-6 {
 width:46%;
}

.item-8 {
 width:90%;
}

.item-9 {
 width:90%;
}



h3{
 font-size:1em;
}

}