body{
    background-image: url('stars3.gif');
}

.flexboxoutside{
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
}

.flexboxoutside2{
  margin-top: 1%;
  
  margin-right: 1%;
  display: flex;
  flex-direction: column;
}

.flexbox{
  margin-left: 1%;
	display: flex;
	flex-direction: column;
}

.contentbody{
  margin-top: 1%;
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	background-color: black;
	width: 1820px;
	height: 600px;
    text-align: center;
    color: white;
    align-content: center;
    font-size: 20px;
}

.contentbody2{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 8.5%;
	background-color: black;
	width: 300px;
	height: 240px;
    text-align: justify;
    color: white;
    font-size: 22px;
}

.contentbody3{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 5%;
	background-color: black;
	width: 300px;
	height: 150px;
    text-align: justify;
    color: white;
    font-size: 18px;
}
.contentbody4{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 5%;
	background-color: black;
	width: 300px;
	height: 200px;
    text-align: justify;
    color: white;
    font-size: 18px;
}

.contentbody5{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 5%;
	background-color: black;
	width: 300px;
	height: 200px;
    text-align: justify;
    color: white;
    font-size: 18px;
}

.contentbody6{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
  margin-top: 2%;
	background-color: black;
	width: 820px;
	height: 300px;
    color: white;
    font-size: 18px;
}

.contentbody-header{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  text-align: center;
	background-color: black;
	width: 1820px;
	height: 100px;
    color: white;
    font-size: 20px;
}

.contentbody7{
  background-color: black;
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
  text-align: justify;
  margin-top: 2%;
	width: 1800px;
	height: fit-content;
    color: white;
    font-size: 18px;
}

.page-header{
    margin: 0%;
    width: 100%;
    background-color: gray;
    text-align: center;
    font-size: x-large;
}

.footer{
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: black;
 	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin: 0 auto;
	width: 100%;
	text-align:center;
	text-transform:uppercase;
	color:#bfbfbf;
	font-size:10px;
	text-indent:36px;
	padding:14px 0px;
	border-color: white;
}

.logo {
	background-color: black;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin: 0 auto;
	width: 100%;
	max-height: 50px;
	text-align:center;
	text-transform:uppercase;
	color:white;
	font-size:22px;
	letter-spacing:36px;
	text-indent:36px;
	padding:14px 0px;
	border-color: white;
}


@media (max-width: 743px) {

.flexboxoutside{
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
}

.flexboxoutside2{
  margin-top: 1%;
  
  margin-right: 1%;
  display: flex;
  flex-direction: column;
}

.flexbox{
  margin-left: 1%;
	display: flex;
	flex-direction: column;
}

.contentbody{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	background-color: black;
	width: 300px;
	height: 600px;
    text-align: center;
    color: white;
    align-content: center;
    font-size: 20px;
}

.contentbody2{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 8.5%;
	background-color: black;
	width: 110px;
	height: 200px;
    text-align: justify;
    color: white;
    font-size: 18px;
}

.contentbody3{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 5%;
	background-color: black;
	width: 110px;
	height: 150px;
    text-align: justify;
    color: white;
    font-size: 18px;
}
.contentbody4{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 5%;
	background-color: black;
	width: 110px;
	height: 200px;
    text-align: justify;
    color: white;
    font-size: 18px;
}

.contentbody5{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
	margin-top: 5%;
	background-color: black;
	width: 110px;
	height: 200px;
    color: white;
    font-size: 18px;
}

.contentbody6{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
  margin-top: 2%;
	background-color: black;
	width: 300px;
	height: 300px;
    color: white;
    font-size: 18px;
}

.contentbody-header{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  text-align: center;
	background-color: black;
	width: 320px;
	height: 150px;
    color: white;
    font-size: 20px;
}

.contentbody7{
  border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
  padding: 10px;
  text-align: justify;
  margin-top: 2%;
	background-color: black;
	width: 300px;
	height: fit-content;
    color: white;
    font-size: 18px;
}

.page-header{
    margin: 0%;
    width: 100%;
    background-color: gray;
    text-align: center;
    font-size: x-large;
}

.footer{
  background-color: black;
 	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin: 5px;
	width: 100%;
	text-align:center;
	text-transform:uppercase;
	color:#bfbfbf;
	font-size:10px;
	text-indent:36px;
	padding:14px 0px;
	border-color: white;
}

.logo {
  background-color: black;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin: auto;
	width: 100%;
	max-height: 60px;
	text-align:center;
	text-transform:uppercase;
	color:white;
	font-size:22px;
	letter-spacing:28px;
	text-indent:36px;
	padding:1px;
	border-color: white;
}
}

@media (min-width: 744px) and (max-width: 1023px) {

.flexboxoutside{
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
}

.flexboxoutside2{
  margin-top: 1%;
  
  margin-right: 1%;
  display: flex;
  flex-direction: column;
}

.flexbox{
  margin-left: 1%;
	display: flex;
	flex-direction: column;
}

.contentbody{
  padding: 10px;
	background-color: white;
	width: 1800px;
	height: 600px;
    text-align: center;
    color: black;
    align-content: center;
    font-size: 20px;
}

.contentbody2{
  padding: 10px;
	margin-top: 8.5%;
	background-color: white;
	width: 300px;
	height: 200px;
    text-align: justify;
    color: black;
    font-size: 22px;
}

.contentbody3{
  padding: 10px;
	margin-top: 5%;
	background-color: white;
	width: 300px;
	height: 150px;
    text-align: justify;
    color: black;
    font-size: 18px;
}
.contentbody4{
  padding: 10px;
	margin-top: 5%;
	background-color: white;
	width: 300px;
	height: 200px;
    text-align: justify;
    color: black;
    font-size: 18px;
}

.contentbody5{
  padding: 10px;
	margin-top: 5%;
	background-color: white;
	width: 300px;
	height: 200px;
    text-align: justify;
    color: black;
    font-size: 18px;
}

.contentbody6{
  padding: 10px;
  margin-top: 2%;
	background-color: white;
	width: 820px;
	height: 300px;
    color: black;
    font-size: 18px;
}

.contentbody-header{
  text-align: center;
	background-color: white;
	width: 1820px;
	height: 100px;
    color: black;
    font-size: 20px;
}

.contentbody7{
  padding: 10px;
  text-align: justify;
  margin-top: 2%;
	background-color: white;
	width: 1800px;
	height: fit-content;
    color: black;
    font-size: 18px;
}

.page-header{
    margin: 0%;
    width: 100%;
    background-color: gray;
    text-align: center;
    font-size: x-large;
}

.footer{
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: black;
 	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 auto;
	width: 100%;
	text-align:center;
	text-transform:uppercase;
	color:#bfbfbf;
	font-size:1px;
	text-indent:36px;
	padding:14px 0px;
	border-color: white;
}

.logo {
	
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 auto;
	width: 100%;
	max-height: 30px;
	text-align:center;
	font-family:"Ovo", serif;
	text-transform:uppercase;
	color:#bfbfbf;
	font-size:22px;
	letter-spacing:36px;
	text-indent:36px;
	padding:14px 0px;
	border-color: white;
}
}