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

img#background {top: -966x;}

}



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

img#background {

	top: -817px;

}

}



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

img#background {top: -753px;}

}



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

img#background {top: -645px;}

}



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

img#background {top: -597px;}

}



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

img#background {top:-539px;}

}



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

img#background {top: -370px;}

}



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

.rightinfo {font-size:10px;}

nav small{font-size:10px;}

.container-boxed { width:100%;border-radius:0px;box-shadow: 0px;moz-box-shadow: 0px;-webkit-box-shadow:0px;}

img#background {top: -300px;}	

.list_carousel li {width: 249px !Important;}

.roll {width:92%;}

.rollthree {width:88%;}

.rollfour {width:85%;}

.rollfour .innerp {padding: 45px 10px 10px 67px;}

a.expandAll {padding:0px;}

div.timelineMajor {margin:0px;width:100%;}

.timelineMajor h2 {margin:0!important;padding:0px!important;background:none;margin-bottom: 10px !important;margin-top: 20px !Important;}

.timelineMajor h2 span {padding:0;}

dl.timelineMinor {margin:0!important;padding:0!important;width:100%;}

.timelineMinor dt {margin: 0!important;padding: 0!important;white-space: nowrap;margin-bottom: 10px !Important;}

.timelineMinor dd {	padding-left:0px;}

.timelineEvent p {margin:0px;}

.timelineEvent h4 {margin:0px;padding:0 !important;}

.timelineEvent blockquote {padding:0px;width:100%;}

.timelineEvent blockquote * {width:100%;}

.timelineEvent ul.moreInfo {	width:100%;}

.timelineEvent ul.moreInfo li {	margin:0 !important;padding:0 !important;}

.timelineEvent div.media {width:100%;}

.timelineMinor dt {white-space:normal;background:none;}

a.expandAll {padding: 10px;}

}



/* styles for mobile */

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

    .tinynav { display: block;padding-left: 10px;height: 30px; }

	#vazzmenu, nav small, .description, .socialtitle,#social-menu,#background {display:block; font-size:7px;}

	.rightinfo {margin-top: 0px;text-align: left;margin-bottom: 20px;font-size:13px;}

	.logo {margin-top:-20px;}

	 nav {border:0px;}

	.container-boxed { width:100%;border-radius:0px;box-shadow: 0px;moz-box-shadow: 0px;-webkit-box-shadow:0px;}

	.portfoliothree, .portfoliofour {width:100% !important;}

	.rollthree, .rollfour {width:90%;}

	.rollfour .innerp {padding: 45px 10px 10px 120px;}

	.scrollup {display:none !important;}

	p.lead, .lead {padding:0px !Important;}

	.innerp {padding:20px;}

	.nicebox {margin-bottom:20px;}

}



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

.list_carousel li {width: 215px !Important;}

.rollfour .innerp {padding: 45px 10px 10px 190px;}

.roll {width: 93.5%;}

.rollthree, .rollfour {width: 93.5%;}

.attachment-portfolio4-thumb {height: 160px!important;}

}



/* styles for mobile */

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

    .portfoliothree, .portfoliofour {width:100% !important;}

	.rollthree, .rollfour {width:90%;}

	.rollfour .innerp {padding: 45px 10px 10px 120px;}

	.roll {width: 91%;}

	.list_carousel li {width: 275px !Important;}

}