@charset "utf-8";
/* CSS Document */

body,html {background-image:url(back.JPG);
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

a:link {text-decoration:none;color:#111;}
a:visited {text-decoration:none;color:#111;}
a:hover {text-decoration:none;
			color:#C06;
			font-weight:bold;}
a:active {text-decoration:none;color:#111;}

.main {width: 1000px;
	background-image:linear-gradient(to bottom,white 5%, #39F 150%);
	background-repeat:no-repeat;}
.main img {height:200px;
width:inherit;}

.first-block {position: relative;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
font-size:60px;
float: left;
width:100%;}

.second-block {position: relative;
	font-family:Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;
font-size: 20px;
float: left;
width:49%;}

.third-block {position: relative;
	font-family:Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;
font-size: 20px;
float: left;
width:49%;}

.inner {float: left;
width: 49%;}

.inner img {width:100%;}
	

.footer {text-align:right;
width:100%;}

.imp {font-size:18px;}


.fadein { 
	visibility: visible;
position:relative;
top:10px;
padding:10px;


z-index:10;
}

.fadein img { position:absolute;
visibility: visible;
	width:auto;
	height:350px;
border-radius: 30px;}
  
 


@media screen and (max-width: 1020px) {
body {background-image:none;
background-image:linear-gradient(to bottom,white 5%, #39F 150%);
	background-repeat:no-repeat;
	}
.inner {float: left; width: 100%;}
.inner img {width: 100%;height:inherit;}

.main {width: 100%;}
.main img {width: 100%;	height:inherit;}
	
.imp {font-size:20px;}
	
	.first-block {width:100%;font-size:28px;}
	.second-block {width:100%;font-size:20px;}
	.third-block {width:100%;}
	.fadein {visibility: collapse;}
	.fadein img {visibility: collapse;}
}