/* SIDEBAR NAVIGATION */
menu#nav {  float:right; width: 18%; margin:0;   }


main#mainhome{margin:0; padding:0;  width:100%;  display: -webkit-flex;  display: flex;  flex-wrap: wrap; -webkit-flex-wrap: wrap;}


.panel_one{-webkit-flex-direction: column; flex-direction: column; flex:30%; background-color:#C3C3C3; padding-top:10px;  }
.top_holder{-webkit-flex-direction: column; flex-direction: column; flex:45%; display: -webkit-flex; display: flex; }
.panel_top{-webkit-flex-direction: column; flex-direction: column;  padding:0 20px 40px 20px;}

 /* for Internet Explorer 6 min-height hack*/
/*\*/
* html .panel_top {
height: 290px;
}
/**/

/* this is for the news items to fix the height to stop jumping */
.item{min-height:260px; height:260px;}

.row_holder{flex-direction: row; -webkit-flex-direction: row; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; height:100%;}
.panel_two{ display:flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column;  background-color:#00ACED; width:50%; float:left; text-align:center; color:#FFFFFF; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content:  center; justify-content: center;   }
.panel_three{ display:flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column;  background-color:#E6007E; width:50%;float:left; text-align:center; color:#FFFFFF; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content:  center; justify-content: center;  }



section#homeboxes{ display: -webkit-flex;  display: flex;
		 justify-content: center; -webkit-justify-content:  center; justify-content: center;   -webkit-flex-wrap: wrap;    flex-wrap: wrap;  }

aside#box_one{width:23%; margin:10px; padding:30px;   background-color:#E5F7FD; text-align:center; display:flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content:  center; justify-content: center; align-items: flex-start;  -webkit-align-items: flex-start; } /* aqua */
aside#box_one div{align-self: flex-end; -webkit-align-self: flex-end;}
aside#box_one h2{font-family:Georgia; line-height:normal; padding:0; margin:0;}
aside#box_two{width:23%; margin:10px; padding:30px;   background-color:#FCE5F2; text-align:center; display:flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content:  center; justify-content: center; align-items: flex-start;  -webkit-align-items: flex-start;  } /* pink */
aside#box_two div{align-self: flex-end; -webkit-align-self: flex-end;}
aside#box_two h2{font-family:Georgia; line-height:normal; padding:0; margin:0;}

.divider-inside-top {
  position:relative;
  overflow:hidden; 
  border-top:1px solid #B30062; 
}
.divider-inside-top:before {
  content: ""; 
  position:absolute; 
  z-index: 1; 
  width:100%;  
  top: -10px; 
  height: 10px; 
  right: 50%; 
  border-radius: 100px / 5px; 
  box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top2 {
  position:relative;
  overflow:hidden; 
  border-top:1px solid #0086B9; 
}
.divider-inside-top2:before {
  content: ""; 
  position:absolute; 
  z-index: 1; 
  width:90%;  
  top: -10px; 
  height: 10px; 
  left: 50%; 
  border-radius: 100px / 5px; 
  box-shadow:0 0 18px rgba(0,0,0,0.6); 
}


.divider-inside-top3 {
  position:relative;
  overflow:hidden; 
 
}
.divider-inside-top3:before {
  content: ""; 
  position:absolute; 
  z-index: 1; 
  width:50%;  
  top: -10px; 
  height: 10px; 
  left: 25%; 
  border-radius: 100px / 5px; 
  box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

*
{ 
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
}

 
/* ADVERTS AREA */
#adarea{ clear:both; margin-top:40px}
#adverts{clear:both;  width:100%;  text-align:center; margin:20px auto 10px auto; }
#adverts #ads{display:inline; margin: 2px; width:200px;}
#adverts #ads img{transition: all 0.9s ease 0s;}	 
#adverts #ads img:hover{opacity: 0.6; }
#adfieldset{text-align:center; padding:10px; margin:20px 0 20px 0; display:inline-block; border:1px solid #787878;}


/* Media Queries */
@media screen and (max-width: 480px) {
aside#box_one{flex:100%; }
aside#box_two{flex:100%; }


.panel_one{flex:100%;  order: 2; margin-top:20px;}
.top_holder{flex:100%; order: 1;}
.panel_top{flex:100%; }

.row_holder{flex-direction: row; -webkit-flex-direction: row; -webkit-justify-content:  center; justify-content: center;  display: -webkit-flex; display: flex; flex:100%;  }
.panel_two{flex:100%;  float:none; margin:10px;}
.panel_three{flex:100%;   float:none; margin:10px;}
}


@media screen and (max-width: 940px) {
aside#box_one{width:46%;}
aside#box_two{width:46%;}


.panel_one{flex:100%;  order: 2; margin-top:20px;}
.top_holder{flex:100%;  order: 1;}
.panel_top{flex:45%;}

.row_holder{flex-direction: row; -webkit-flex-direction: row; -webkit-justify-content:  center; justify-content: center;  display: -webkit-flex; display: flex; }
.panel_two{width:46%; float:none; margin-right:10px;}
.panel_three{width:46%;  float:none; margin-left:10px;}
}