body{font-family: 'Ubuntu', sans-serif;}
      .logo{max-width:100%;}
      h1,.h1{font-size: 2.25em;}
      h2,.h2{font-size: 2em;}
      h3,.h3{font-size: 1.75em;}
      h4,.h4{font-size: 1.50em;}
.box16{text-align:center;color:#fff;position:relative;  margin-bottom: 20px;border-radius: 30px;}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(30px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:300px; object-fit: cover;border: solid 8px yellow;
    border-radius: 30px;}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:400;text-transform:uppercase;margin:5px 0px;}
.box16 .post{display:block;padding:0px;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(-20px)}
.box16{overflow:hidden}
.table{width: 100%; min-width: 600px; border-collapse: collapse; border-color: #fff; border:solid 1px #fff; margin: 15px 0px; padding: 4px; margin: auto;}
.table td{padding: 5px;}

.header{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f201c8+0,901e99+100 */
background: rgb(242,1,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,1,200,1) 0%, rgba(144,30,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,1,200,1) 0%,rgba(144,30,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,1,200,1) 0%,rgba(144,30,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f201c8', endColorstr='#901e99',GradientType=0 ); /* IE6-9 */
}
.bg-yellow{background: #fff500 !important}
.dropdown-menu{margin: 0px;}
.area-link a{display: block; border-radius: 4px; background-color: #fff504; color: #000; border:solid 1px #000; text-decoration: none; text-align: center; width: 24%; margin:.5%; float: left; padding: 4px; transition: all 300ms ease;}
.area-link a:hover{background-color: #c81f03; color: #FFF;}
.text-dark, .navbar-nav .nav-link{color: #000;}
.header-flex{    display: flex;
    justify-content: space-between;
    align-items: center;}
.w3-container{margin:auto;max-width:90%}
.backlinks{padding: 0px 15px;}
.backlinks a{color: #FFF; border:solid 1px #FFF; display: inline-block; padding: 3px; margin-bottom: 6px; text-align: justify}
.backlinks h3{margin-bottom: 20px; background: #b833b8; padding: 10px;font-size: .9569rem;}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #000;
    border-right: solid 1px #666;
    
}
}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}
      @media(max-width:767px){
          .logo{max-width:170px;}
      }
      @media(max-width:767px){
          .area-link a{width: 32.333%;}
      }      
      @media(max-width:567px){
          .area-link a{width: 49%;}
      }