@media screen and(max-width: 480px) {
    img {
    border: 0;
    }
}
@media screen and(min-width: 1280px) {
    img {
    border: 1px solid red;
    }
}

body {
	margin-left: 20px;
	margin-right: 50px; 
   	padding: 0px; 
    	width: 100%;
 
}

h1{
	text-align: center;
	width : 800px;
	color:blue;
}

h2{
	text-align: center;
	width : 800px;
	color:blue;
}

p{
	text-align: justify;
	margin-left:   10px;
	margin-right:  10px; 
   	padding: 20px; 
}

.float_1 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 30px;
	float: left;

}

.float_2 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 30px;
	float: right;
}

.clear{
	clear:both;
}

.top1{
	clear: both;
	text-align: center;
	width : 800px;
}

#set1{
	top : 30px;left : 410px;
	position : absolute;
	width : 300px;
	visibility : visible;
}

.box1{
	top : 20px;left : 40px;
	position : absolute;
}


.box2{
	text-align: center;
	top : 10px;left : 660px;
	position : absolute;
	font-size : 80%;
}


.box3{
	text-align: center;
	top : 150px;left : 100px;
	position : absolute;
}


.box4{
	text-align: center;
	top : 20px;left : 330px;
	position : absolute;
	font-size : 70%;
}

.box5{
	top : 250px;
	position : absolute;
	width : 800px;
	visibility : visible;
}

.box6{
	font-size : 70%;
}