@media (min-width: 1000px) {
        article {
          width: 980px;
          margin-left: auto;
          margin-right: auto;
        }
      }

.general {
    float: left;
    margin: 1px;
    padding: 1px;
    width: 100%;
    border: 0px solid black;
}

#box1{
	width:220px;
	height:180px;
	background-color:#2C3E50;
	border-radius: 10px;
	}

#box2{
	width:180px;
	height:60px;
	background-color:#E73C57;
	border-radius: 10px;
	}

.newline1 {
    float: left;
    width: 100%;
    height: 10px;
    border: 0px solid black;
}

.newline2 {
    float: left;
    width: 100%;
    height: 20px;
    border: 0px solid black;
}

.blueline {
    margin: 1px;
    padding: 1px;
    float: left;
    width: 100%;
    height: 10px;
    border: 0px solid black;
    background-color: #E8F1FF;
}

.title {
    float: left;
    margin: 1px;
    padding: 1px;
    width: 100%;
    height: 28px;
    background-color: #E8F1FF;
}

#footer {
    margin: 1px;
    padding: 1px;
    font-family: Arial,Tahoma;
    font-size: 15 px;
    background-color: #E8F1FF;
    color: #3467BD;
    clear:both;
    text-align:center;
}

.div1 {
    float: left;
    margin: 1px;
    padding: 1px;
    width: 45%;
    border: 0px solid black;
}

.div2 {
    float: left;
    margin: 1px;
    padding: 1px;
    width: 370px;
    border: 0px solid black;
}

.div3 {
    float: left;
    margin: 1px;
    padding: 10px;
    width: 220px;
    border: 0px solid black;
}

.articles {
    float: left;
    margin: 1px;
    padding: 1px;
    width: 100%;
    border: 0px solid black;
}

.terminal {
    float: left;
    margin: 1px;
    padding: 1px;
    width: 100%;
    border: 0px solid black;
    background-color: #000000;
}

.font1 { color: #FFFFFF; font-family: Arial,Tahoma; font-size: 17px; text-decoration: none }
A:hover.font1 { color: #FFFF00; text-decoration: none }

.font2 { color: #FFFFFF; font-family: Arial,Tahoma; font-size: 20px; text-decoration: none }
A:hover.font2 { color: #FFFF00; text-decoration: none }

.font3 { color: #00FF00; font-family: Arial,Tahoma; font-size: 18px; text-decoration: none }
A:hover.font3 { color: #FFFF00; text-decoration: none }

.font4 { color: #00FF00; font-family: Arial,Tahoma; font-size: 14px; text-decoration: none }
A:hover.font4 { color: #FFFF00; text-decoration: none }

.font5 { color: #FFFFFF; font-family: Arial,Tahoma; font-size: 12px; text-decoration: none }
A:hover.font5 { color: #FFFF00; text-decoration: none }

.font6 { color: #000000; font-family: Arial,Tahoma; font-size: 12px; text-decoration: none }
A:hover.font6 { color: #FFFF00; text-decoration: none }

.font7 { color: #3467BD; font-family: Arial,Tahoma; font-size: 15px; text-decoration: none }
A:hover.font7 { color: #007700; text-decoration: none }