/*-------------------------------------------------titlemediaqueries-------------------*/

@media only screen and (max-width:1400px) {

#titlewrapper {
	
	position:absolute;
	height:334.27px;
	width:1200px;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:50px;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
	overflow:hidden;
	background-color:rgba(222,222,222,0.0);
}

#title{
	/*background-color: rgba(0,0,0,0.5);*/
	position: relative;
	padding: 0px;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
	display:none;
}
}


@media only screen and (max-width:1200px) {

#titlewrapper {
	
	position:absolute;
	height:278.58px;
	width:1000px;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:50px;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
	overflow:hidden;
	background-color:rgba(222,222,222,0.0);
}

#title{
	/*background-color: rgba(0,0,0,0.5);*/
	position: relative;
	padding: 0px;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
	display:none;
}
}


@media only screen and (max-width:1000px) {

#titlewrapper {
	
	position:absolute;
	height:222.85px;
	width:800px;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:50px;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
	overflow:hidden;
	background-color:rgba(222,222,222,0.0);
}

#title{
	/*background-color: rgba(0,0,0,0.5);*/
	position: relative;
	padding: 0px;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
	display:none;
}

#blue{
	height:150px;
	width:150px;
}

#red{
	height:125px;
	width:125px;
}

#orange{
	height:100px;
	width:100px;
}
}





/*-------------------------------------------------endtitlemediaqueries-------------------*/