styles.css

/*=====================HTML COMPONENTS=====================*/
body{
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
}

h3{
/*	font-size: 50px;
	line-height: 50px;
	font-family: "Yellowtail";*/
}

/*=====================STYLES=====================*/

.section{
	padding: 20px 0px 20px 0px;
}

.column{
	float:left;
	margin:0;	
}

.clearfloat{
	clear: both;
}

.title{
	font-size: 50px;
	line-height: 50px;
	font-family: "Yellowtail";
	padding-bottom: 20px;
}

.mobiletitle{
	visibility: hidden;
}

.one-third{
	width: 40%;
}

.two-thirds{
	width: 59%;
}

.half{
	width: 50%;
}

.phone{
	width: 295px;
	height: 600px;
	background-image: url('iphone6.png');
	margin-left: auto;
	margin-right: auto;
}

.video{
	padding: 72px 18px 71px 18px;
	/*360 x 636*/
}

.video video{
	width: 259px;
}

.description{
	padding: 0px 5% 0px 5%;
	text-align: left;
}

/*=====================COLOURS=====================*/

.green{
	background-color: #1abc9c;
}

.navy{
	background-color: #2c3e50;
}

.blue{
	background-color: #2980b9;	
}

/*=====================MEDIA QUERIES=====================*/

@media screen and (max-width: 700px) {
	.column{
		float:none;
		width: 100%;
	}
	.hidemob{
		visibility: hidden;
		height: 1px;
	}
	.mobiletitle{
		visibility: visible;
		font-size: 50px;
		line-height: 80px;
		font-family: "Yellowtail";
		text-align: center;
	}
}

/*=====================UTILITIES=====================*/

/**{
	border: 1px solid yellow;
}*/