h1, h2, h3 {
    text-align: center;
}


.container{
    
    background: rgba(240, 86, 176, 0.3);
    display: grid;
    grid-template-columns:1fr 0.6fr;
    grid-template-rows: 0.3fr 0.9fr 0.1fr 0.1fr 0.2fr 0.2fr 0.8fr;
    grid-template-areas: 
    "nav nav nav nav"
    "myvide myvide main main"
    "myvide myvide main main"
    "line line line line"
    "models models models models"
    "mytittle mytittle mytittle mytittle"
    "toplist toplist toplist toplist"
    "forads forads forads forads"
    "footer footer footer footer";
    grid-gap:0.5rem;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 2px rgb(238, 234, 32);
}

nav {
    grid-area: nav;
    text-align: center;
   
}
main {
    grid-area: main;
    text-align: center;
   
}
.myvide {
    
    grid-area: myvide;
    font-size: 15px;
    text-align: center;
   
}

.line {    
        grid-area: line;
        text-align: center;
       
       
}
.models {
    grid-area: models;
    font-size: 15px;
   
}

.mytittle {
    grid-area: mytittle;
    text-align:center;
    
    
}
.toplist {
    
    grid-area: toplist;
    text-align: center;
   
   
}
.forads {
    
    grid-area: forads;

    text-align: center;
}
footer {
  
    grid-area: footer;
    
    font-size:35px;
    text-align: center;
    
}

@media only screen and (max-width:960px) {
    .container{
        grid-template-columns:1fr;
        grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr 1fr 0.1fr 0.1fr;
        grid-template-areas: 
        "nav"
        "main"
        "myvide"
        "line"
        "models"
        "toplist"
        "mytittle"
        "forads"
        "footer"
        ;
     
    }    
}
/* DivTable.com */
.divTable{
	display: table;
	width: 50%;
    text-align:center;
}
.divTableRow {
	display: table-row;
    text-align:center;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.tags a.color1 {background: #f58220;}
.tags a.color1:after {border-color: transparent transparent transparent #f58220}
.tags a.color2 {background: #97c224;}
.tags a.color2:after {border-color: transparent transparent transparent #97c224}
.tags a.color3 {background: #de3f3e;}
.tags a.color3:after {border-color: transparent transparent transparent #de3f3e}
.tags a.color4 {background: #ec008c;}
.tags a.color4:after {border-color: transparent transparent transparent #ec008c}
.tags a.color5 {background: #00a6df;}
.tags a.color5:after {border-color: transparent transparent transparent #00a6df}	
.tags a:hover {background:#222 !important}
.tags a:hover:after {border-color:transparent transparent transparent #222!important}
    
.tags a {
    display: inline-block;
    height:24px;
    line-height:23px;
    position:relative;
    margin: 0 12px 8px 0;
    padding: 0 12px 0 10px;
    background: #777;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #fff;
    font-size:12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: bold;
    }
    
.tags a:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    }
    
.tags a:after {
    content: "";
    position: absolute;
    top:0;
    right: -12px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #777;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    }