html { 
		background-image: url("comp010.jpg");
	}
	
	#outer_div{
		width:1100px;
		margin: auto;
	}
	#icon_title_and_sub{
		vertical-align: middle;
		text-align: left;
		position: relative;
	}
	#myicon{
		float:left;
		vertical-align: middle;
		height: 96px;
		margin-right: 10px;
	}
	#title-block{
		position: absolute;
		top: 50%;
		transform: translate(0%, 15%);
		margin-left:100px;
	}
	#title{
		font-size: xx-large;
		font-weight: bold;
	}
	#sub-title{
		font-size: x-large;
	}
	#containerdiv{
		clear: both;
	}

	/* BASE INDEX.PHP CSS */
	#div_a{
		background: rgba(153,204,255,1.0);
		vertical-align: top;
		text-align: left;
		width: 400px;
		padding: 15px;
		padding-top: 0px;
		border-color: grey;
		border-style: solid;
		border-width: 2px;
		margin-bottom: 20px;
		float: left;
		min-height: 690px;
	}
	#div_m{
		background: inherit; 
		vertical-align: top;
		margin-bottom: 20px;
		margin-left: 20px;
		display: inline-block;
		min-height: 700px;
		border-color: grey;
		border-style: none;
		border-width: 2px;
	}
	#div_b{
		background: rgba(153,204,255,1.0); 
		vertical-align: top;
		margin-bottom: 20px;
		padding: 15px;
		min-height: 500px; 
		border-color: grey;
		border-style: solid;
		border-width: 2px;
		width:1050px;
		clear: both;
	}
	h1{
		font-size: 1.5em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	#learn_text_main, #what_does_text{
		margin: auto;
		text-align: center;
		margin-bottom: 20px;
	}
	#first_words{
		font-weight: bold;
	}
	#watch_the_video{
		margin-top: 4em;
		margin: auto;
		text-align: center;
	}
	#watch_the_inline_video{
		margin-top: 4em;
		margin: auto;
		text-align: center;	
		display: none;
	}
	#link_to_video{
		font-size: x-large;
	}
	#inline_video_div{
		display: none;
	}
	#inline_demovideo{
		margin: 0px auto;
		width: 350px;
	}
	#store_div{
		margin: auto;
		margin-top: 2em;
		text-align: center;
	}
	.store_badges{
		width:125px;
		height: 40px;
		cursor: pointer;
	}
	#browser_div{
		margin: auto;
		margin-top: 1em;
		margin-bottom: 3em;
		text-align: center;
	}
	#browser_div a, #watch_the_inline_video a, #watch_the_inline_video a{
		font-size: x-large;
	}
	.globe_icon{
		margin-right: 10px;
		height: 40px;
		width: 40px;
		vertical-align: middle;		
	}
	.platform_icons{
		height: 20px;
		width: 20px;
		vertical-align: middle;
		margin-right: 1.5em;
	}
	#left_platform_icon{
		margin-left: 60px;
	}

	#sharing_div{
		margin: auto;
		margin-top: 1em;
		text-align: center;
	}
	.sharing_icons{
		height: 32px;
		vertical-align: middle;
		margin-left: .5em;
		margin-right: .5em;
		border-radius: 6px;
	}

	#watch_arrow_div{
		float: left; 
		text-align: center; 
		margin-top: 10em; 
		font-weight: bold;
		margin-right: 20px;
		cursor: pointer;
		width: 200px;
	}
	#demovideo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-left: solid black 1px;
	}
	#footer{
		color: black;
		clear: both;
	}
	
	/* BASE PWCINFO.PHP CSS */
	#div_info{
		background: rgba(153,204,255,1.0);
		vertical-align: top;
		text-align: left;
		padding: 15px;
		border-color: grey;
		border-style: solid;
		border-width: 2px;
		margin-bottom: 20px;
		float: left;
	}
	#div_info button{
		float: right;
	}
	
	/* NARROW WIDTH SETTINGS */
	@media only screen and (max-width: 1025px) {
		#outer_div{
			width: 400px;
			margin: auto;
		}
		#icon_title_and_sub, #div_a, #div_b{
			width: auto;
		}
		#title-block{
			transform: translate(0%, 0%);
		}
		#title{
			font-size: x-large;
			font-weight: bold;
		}
		#sub-title{
			font-size: large;
		}
		
		#div_m{
			display: none;
		}
		#watch_the_video{
			display: none;
		}
		#watch_the_inline_video{
			display: block;
		}
		.store_badges{
			width: 100px;
			height: 32px;
		}
	}
	@media only screen and (max-width: 399px) {
		#outer_div{
			width: auto;
			margin: auto;
		}
		#icon_title_and_sub, #div_a, #div_b{
			width: auto;
		}
		#div_m{
			display: none;
		}
		#inline_demovideo{
			margin: 0px auto;
			width: 320px;
		}
	}
	@media only screen and (max-width: 330px) {

		#title{
			font-size: large;
			font-weight: bold;
		}
		#sub-title{
			font-size: medium;
		}
		#inline_demovideo{
			margin: 0px auto;
			width: 270px;
		}
		.sharing_icons{
			margin-left: .25em;
			margin-right: .25em;
		}
	}