@import url("https://fonts.googleapis.com/css?family=Rock+Salt");
@import url("https://fonts.googleapis.com/css?family=Figtree");
@import url("https://fonts.googleapis.com/css?family=Coming+Soon");

* { 
  box-sizing: border-box;
  font-family: "Figtree";
 }

.float-child {
  width: 50%;
  float: left;
} 

#maxi-child {
	width: 56%
}
#mini-child {
	width: 44%
}

#video-section > .float-child {
	width: 30%;
	background-color: #00b3b3;
	margin: 10px;
	text-align: center;
	border-radius: 7px;
}

.video-title {
	color: white;
	border: 2px white dashed;
	padding: 2px;
	text-align: center;
	width: 50%;
	border-radius: 5px;
	display: inline-block;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


nav {
  background-color: #00b3b3;
}
.clear {
  clear: both;
}
nav > ul > li {
  display: inline-block;
  padding: 20px;
}

/*
video {
	position: absolute;
	top: -50%;
	left: 50%;
	transform: translate(-50%, 50%);
	
}
*/

 #brief-about > p{
	margin: 10px;
	font-size: 18px;
 }
 
.emphasise {
	font-size: 18px;
	color: #00b3b3;
	font-weight: bold;
}
 
nav > ul > li > a{
  color: white;
  text-decoration: none;
}

nav > ul > li:hover{
  background-color: teal;
}

.logo{
  color: white;
  display: inline-block;
  font-family: "Rock Salt";
  font-size: 16px;
  line-height: 16px;
}


#intro-container {
  position: relative;
  text-align: center;
  color: white;
  margin-bottom: 10px;
}

#intro-logo {
	width: 16%;
	position: absolute;
	top: 18%;
	left: 6%;
}

#intro-pi {
	width: 13%;
	position: absolute;
	top: 24%;
	right: 7%;
}

.review-section {
	margin-left: 30px;
	padding: 10px;
	background-image: url("media/review-background-mono.png");
	background-size: 500px;
	color: white;
	border-radius: 7px;
	border: 4px #00b3b3 solid;
}

.stars {
	color: #fff438;
}
.review-title {
	font-size: 20px;
}
/*
#mini-logo {
	width: 50px;
}
*/
h1{
  color: white;
  font-family: Coming Soon;
  background-color: #00b3b3;
  display: inline-block;
  padding: 5px 15px 5px 10px;
  margin: 5px;
  border-radius: 7px;
  
}

#price-section {
	height:500px;
	text-align: center;
}

#price-section > p {
	font-size: 25px;

}
.message {
	margin: 5px;
	padding: 10px;
	background-image: url("media/review-background-mono.png");
	background-size: 500px;
	color: white;
	border-radius: 7px;
	border: 4px #00b3b3 solid;
}

#centered-title {
	margin-top: 10px;
	margin-left: 10px;
}


#brief-about {
	margin-left: 5px;
}

#darker-a {
	color: #00b3b3;
}

.light {
  color: #99ffff;
  text-decoration: none;
}

a {
	color: teal;
	text-decoration: none;
}
#intro {
	font-family: Coming Soon;
	font-size: 30px;
	background-color: teal;
	width: 50%;
	color: white;
	padding: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
}


#video-section {
  background-image: url("media/background2.png");
  margin-top: 10px;
  padding-left: 60px;
  position: relative;
}



footer{
  color: white;
  background-color: teal;
  padding: 10px;
  text-align: center;
}

.social{
  font-size: 30px;
}

.review {
	margin: 3px;
}