body {
	color:#000; 
	padding-bottom: 88vh;
}

a, a:hover, a:active, a:focus {outline: 0;}

.canvas {
	max-width:1500px;
	margin:0 auto; 
	padding: 0 0px;
}
.canvas2 {padding: 0 10%;}

.main {
	background-color: #fff; 
	position: relative; 
	z-index: 255;
}

.amigolab { padding: 1em 0; background-color: #fff;}
.amigolab img { display: block; margin: 0 auto;}

.websites {
	background-color: #f0f0f0; 
	padding: 2em 0;
}
.websites div.wwrap {
	display: block;
	margin: 0 auto;
	width: 100%; 
	max-width: 1500px; 
	position: relative; 
	background-color: #000;
}
.websites li img {
	max-width: 100%;
	height: auto;
	background-position: center top; 
	background-repeat: no-repeat; 
	background-size: 80%;
	background-image: url(../i/ws-loader.gif);
 }
 .websites li img:hover {cursor:move;}
.websites .about-websites h1 {text-align: center;}

/** .websites li img {-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:linear;transition-timing-function:linear;}
.websites li img:hover {-webkit-transition-duration:5s;transition-duration:5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;background-position:center bottom}
**/

.webstudio {
	background: url(../i/websites.jpg) right bottom no-repeat;
	background-size:contain; 
}
.webstudio .canvas3 {
	padding: 3em 0;
	padding-right: 30%;
	
} 
.webstudio strong {font-weight: normal;}


h1, .title {font: bold 2em/1.2em 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif;}

h2, p {font: normal 1.2em/1.8em 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif; margin-top: 1.8em;}

.partners {
	background-color: #f0f0f0; 
	padding: 2em 0;
}
.partners div  {
    margin:auto; 
    text-align: center;
}
.partners img {
	margin: 0 1em;
	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	opacity: 0.4;
    filter: alpha(opacity=40);
  
}
.partners:hover img {
  	filter: none;
  	-webkit-filter: grayscale(0);
  	opacity: 1;
    filter: alpha(opacity=100);
}

.contact {padding: 3em 0;}
.contact a.t {white-space: nowrap; color:#1ba74f;}
.contact a.m {color: red;}

.city {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
.city img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  z-index: 0;
}

@media only screen and (max-width: 970px) {
    .webstudio {
    	background: #fff; 
    	padding-right: 0
    }
	.webstudio .canvas3 {
		padding-right: 0;
		
	} 
}

@media only screen and (max-width: 750px) {
    .city {display: none;}
    body {padding-bottom: 0;}
    h1, .title {font-size: 1.2em; line-height: 1.5em;}
    h2, p {font-size: 0.8em; line-height: 1.5em;}
    .partners img {max-width: 33%; height: auto;}
    
}