body {
	margin:10px;
	background-color:#cc0055;
	font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
	color:#999999;
	font-size: 100%;
	}

.div.wrapper{
height:auto;
width:auto;
margin:auto;
}

.center{
height:auto;
width:auto;
margin:auto;
padding: auto;
margin:auto;
background-color;none:
font-size: 100%;
}

.header{
height:auto;
width:auto;
margin-top: auto;

background-color:#cc0055;

font-size: 100%;

}


.content{
height:auto;
width:auto;
margin:auto;

margin:auto;
font-size: 100%;
background-color:000000;


}
.footer{
clear:both;
background-color:none;
font-size: 50%;
font-weight: normal;
height:auto;
}



html { font-size:50%; }

@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }



h1 {margin: 0px;font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
font-size: 200%; color: #ffffff;background-color: none; padding: 20px; border:none;}

h2 {margin-left: 0px;  font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
font-size: 100%; color: #999999;background-color:none; padding: 20px; border:none;}

h3 {margin: 0px; font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
font-size: 100%; color: #ffffff;background-color: none; padding: 20px; border:none;}

h4 {margin: 0px; font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
font-size: 50%; color: #ffffff;background-color: none; padding: 20px; border:none;}

h5 {margin-left: 0px; font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
font-size: 100%; color: #333365;background-color: none; padding: 15px; border:none;}

h6 {margin: 0px; font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
font-size: 100%; color: #444464;background-color: none; padding: 25px; border:none;}


img { max-width: 100%; }


video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




p{

    margin:auto;
	height:auto;
    width:auto;
	background-color:#000000;
	padding: 15px;

    font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
	font-size:100%;
	font-weight: normal;
	color: #ffffff;

	}

a{
	margin:auto;
	height:auto;
    width:auto;
   margin:auto;
    background-color:none;

    font-family: 'Josefin Sans', sans-serif; <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700' rel='stylesheet' type='text/css'>
	font-size: 100%;
	font-weight: normal;
	color: #cc0055;


	text-decoration: none;

	}



			/* NORMAL LINK BEHAVIOUR */
a { text-decoration: none; }
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #00ccff; }
a:active { color: #ffffff; }


}
        .social-links {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .social-links img {
            width: 40px;
            height: 40px;
            transition: transform 0.3s;
        }
        .social-links img:hover {
            transform: scale(1.1);
        }
        footer {
            text-align: center;
            padding: 20px;
            background-color: #111;
            position: relative;
            bottom: 0;
            width: 100%;
        }
        /* Responsive Design */
        @media (max-width: 768px) {
            header h1 {
                font-size: 2em;
            }
            nav {
                flex-direction: column;
                gap: 10px;
            }
            nav a {
                font-size: 1em;
            }
            section h2 {
                font-size: 1.5em;
            }
            .social-links img {
                width: 30px;
                height: 30px;
            }