/*---------------------------------------------------------------------twtwvisionmqs----*/


/*------------------------------------------------------twtwvisiontitlemqs-----------*/


/*----------------------------------------------------title@1500px---------------*/

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

#titlewrapper{

	position:absolute;
	margin:0 auto;
	padding:0;
	height:713px;
	max-width:100%;
	z-index:2;
	background-color: rgba(0,0,0,0.0);
}




}

/*----------------------------------------------------title@1200px---------------*/


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

#titlewrapper{

	position:absolute;
	margin:30px auto;
	padding:0;
	height:553px;
	width:1200px;
	z-index:2;
	background-color: rgba(0,0,0,0.0);
}




#bulbs{

	position:absolute;
	left:0;
    right:10px;
    margin-left:auto;
    margin-right:auto;
    top:50px;
    bottom:0px;
    margin-top:auto;
    margin-bottom:auto;
    z-index:4;
    opacity:0.6;
    display:none;
}



#yellowcircle{

	position:absolute;
	margin:0;
	padding:0;
	left:300px;
	top:340px;
	z-index:5;
	opacity:0.12;
	display:none;
}


#redorcircle{

	position:absolute;
	margin:0;
	padding:0;
	right:300px;
	top:340px;	
	 z-index:5;
	opacity:0.12;
	display:none;	
}


#the-visiontext{

	position:absolute;
	left:0;
    right:10px;
    margin-left:auto;
    margin-right:auto;
    top:20px;
    bottom:0px;
    margin-top:auto;
    margin-bottom:auto;
    z-index:6;
    opacity:0.9;
    display:none;
}


#twtwtext{

	position:absolute;
	left:0;
    right:10px;
    margin-left:auto;
    margin-right:auto;
    top:40px;
    bottom:0px;
    margin-top:auto;
    margin-bottom:auto;
    z-index:6;
    opacity:0.9;
    display:none;
}




}


/*----------------------------------------------------title@1000px---------------*/


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

#titlewrapper{

	position:absolute;
	margin:0 auto;
	padding:0;
	height:auto;
	width:90%;
	z-index:2;
	background-color: rgba(0,0,0,0.03);
}

}