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

.box1{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
	width:97%;
	background-color:#34495E;
	border-radius: 10px;
    display: flex;
    padding: 3px;
	}

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

.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: 35px;
    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;
    padding:5px;	 	 
}

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

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

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

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

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

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

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

.div10 {
    margin: 0px;
    padding: 0px;
    width: 98%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://www.maxissoft.com/img/fundomaxibets.gif");
    background-repeat: repeat-x
    background-repeat: repeat-y
}

.div10 {
    margin: 0px;
    padding: 0px;
    width: 98%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://www.maxissoft.com/img/fundomaxibets.gif");
    background-repeat: repeat-x
    background-repeat: repeat-y
}

.div11 {
    margin: 0px;
    padding: 0px;
    width: 30%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
}

.div12 {
    margin: 0px;
    padding: 0px;
    width: 70%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
}

.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;
}

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

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

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

.font1 { color: #000000; font-family: Arial,Tahoma; font-size: 17px; text-decoration: none }
A:hover.font1 { color: #0000FF; text-decoration: none }
.font2 { color: #3467BD; font-family: Arial,Tahoma; font-size: 20px; text-decoration: none }
A:hover.font2 { color: #0000FF; text-decoration: none }
.font3 { color: #3467BD; font-family: Arial,Tahoma; font-size: 27px; text-decoration: none }
A:hover.font3 { color: #0000FF; text-decoration: none }
.font4 { color: #3467BD; font-family: Arial,Tahoma; font-size: 30px; text-decoration: none }
A:hover.font4 { color: #0000FF; text-decoration: none }
.font5 { color: #3467BD; font-family: Arial,Tahoma; font-size: 15px; text-decoration: none }
A:hover.font5 { color: #0000FF; text-decoration: none }
.font6 { color: #3467BD; font-family: Arial,Tahoma; font-size: 25px; text-decoration: none }
A:hover.font6 { color: #0000FF; text-decoration: none }
.font7 { color: #000000; font-family: Arial,Tahoma; font-size: 20px; text-decoration: none }
A:hover.font7 { color: #0000FF; text-decoration: none }
.font8 { color: #000000; font-family: Tahoma,Arial; font-size: 20px; text-decoration: none }
A:hover.font8 { color: #005500; text-decoration: none }
.font9 { color: #3467BD; font-family: Arial,Tahoma; font-size: 23px; text-decoration: none }
A:hover.font9 { color: #0000FF; text-decoration: none }
.font10 { color: #FFFFFF; font-family: Arial,Tahoma; font-size: 17px; text-decoration: none }
A:hover.font10 { color: #77BBFF; text-decoration: none }
.font11 { color: #000000; font-family: Arial,Tahoma; font-size: 27px; text-decoration: none }
A:hover.font11 { color: #0000FF; text-decoration: none }
.font12 { color: #FFFF00; font-family: Arial,Tahoma; font-size: 22px; text-decoration: none }
A:hover.font12 { color: #3467BD; text-decoration: none }


.div20 {
    margin: 0px;
    padding: 0px;
    width: 98%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
}

.div21 {
    margin: 0px;
    padding: 0px;
    width: 70%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://www.maxissoft.com/img/estrelas.gif");
    background-repeat: repeat-x
    background-repeat: repeat-y
}

.div22 {
    margin: 0px;
    padding: 0px;
    width: 30%;
    height: 110px;
    /* display flex */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://www.maxissoft.com/img/estrelas.gif");
    background-repeat: repeat-x
    background-repeat: repeat-y
}

.font20 { color: #FFFFFF; font-family: Arial,Tahoma; font-size: 18px; text-decoration: none }
A:hover.font20 { color: #3467BD; text-decoration: none }