body         { 
    background: linear-gradient(#0275d8, #fff 100%); 

}
.logo{
    padding:25px;
}
#subject-box{
    background-color:#ffabf8;
    min-height:500px;
    border-radius:30px;
    -moz-box-shadow:    inset 0 8px 100px #ffffff;
    -webkit-box-shadow: inset 0 8px 30px #ffffff;
    box-shadow:         inset 0px 8px 30px #ffffff;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:50px;
}
#pink-box{
    background-color:#ffabf8;
    min-height:500px;
    border-radius:30px;
    -moz-box-shadow:    inset 0 8px 100px #ffffff;
    -webkit-box-shadow: inset 0 8px 30px #ffffff;
    box-shadow:         inset 0px 8px 30px #ffffff;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:50px;
}
#main-box{
    background-color:#fff;
    min-height:500px;
    border-radius:30px;
    -moz-box-shadow:    inset 0 8px 30px #848484;
    -webkit-box-shadow: inset 0 8px 30px #848484;
    box-shadow:         inset 2px 5px 20px -2px #848484;
    margin-bottom:100px;
    padding-bottom:10px;
}
@media (min-width 361px) and (max-width: 767px) {
    #pink-box{
        padding-left:5px;
        padding-right:5px;
    }
}
#subject-pics{
    max-width:200px;
    height:auto;
    padding:10px;
    border-radius:30px;
}

#subject-row{
    padding-top:25px;
    margin:auto;
}
@media (min-width: 200px) and (max-width: 767px) {
  #subject-pics{
    width: 145px;
    padding:5px;
  }
}
.search-box{
    margin-top:30px;
    max-width:80%;
}
#top-body-section{
    margin-top:20px;
    padding:30px;
}
#responsive{
    max-width:90%;
    height:auto;
}
#left-info-box{

}
#right-info-box{
    border: 2px solid white;
    border-radius:10px;
    background-color: rgba(255,255,255, .5);
}
@media (min-width: 361px) and (max-width: 900px) {
  #right-info-box{
    margin-top:20px;
  }
}
.footer-bar{
    min-height: 50px;
    background-color:#0275d8;
    color:white;
    padding:10px;
    border-radius:20px 20px 0px 0px;
}
.footer-bar a, a:hover{
    color:white;
    text-decoration: none;
}
@media(min-width:200px) and (max-width:767px) {
    .logo{
        display:none;
    }
    #left-top{
        margin-right:50px;
        padding:10px;
    }
    .carousel-inner{
        width:100%;
    }
    #right-top{
        padding:10px;
        margin-left:20px;
    }
}
@media(min-width:200px) and (max-width:1200px){
    #reg-nav{
        display:none;
    }
    #small-nav{
        display:block;
    }    
}
@media(min-width:1200px) and (max-width:5000px){
    #reg-nav{
        display:block;
    }
    #small-nav{
        display:none;
    }
}

.search-box{
    max-width:60%;
}
.monthly{
    background:white;
    margin:20px 25px 0px 10px;
    box-shadow: 2px 4px 8px #000;
    min-height:285px;
}
#slider{
    border-radius:10px;
    box-shadow: 2px 4px 8px #000;
}
#left-top{
    padding:20px 0px 20px 50px;
}

#right-top{
    max-height:300px;
}

#subject-head{
    min-height:100px;
    border-radius:30px 30px 0 0;
    -moz-box-shadow:    inset 0 8px 30px -10px #ffffff;
    -webkit-box-shadow: inset 0 8px 30px -10px #ffffff;
    box-shadow:         inset 4px 5px 30px -2px #848484;
    padding-bottom:20px;
    margin-bottom:50px;
}
.sub-cat{
    height:auto;
    width:300px;
    margin:auto;
    border-radius:7px;
    -moz-box-shadow:    inset 0 5px 10px 5px #ffffff;
    -webkit-box-shadow: inset 0 5px 10px 5px #ffffff;
    box-shadow:         inset 2px 2px 10px 0px #000000;
    padding:0 20 5 20;
    text-align:center;
    margin-bottom:20px;
    
}
.sub-header{
    font-family:Comic Sans MS;
    text-align:center;
    font-size: 2.8em;
    font-weight:700;
    padding-top:10px;
    padding-bottom:10px;
    text-shadow: 1px 2px 2px #fff;
}
.sub-title{
    font-family:Comic Sans MS;
    text-align:center;
    font-size: 2.8em;
    font-weight:700;
    padding-top:10px;
    padding-bottom:10px;
    text-shadow: 1px 2px 2px #fff;
}
.sub-title h4{
    font-size:1.6em;
}
#subject-tiles{
    padding:0 25 30 50;
    text-align:center;
    margin-bottom:25px;
}

@media only screen and (max-width: 600px) {
  .tile-size {
    width:120px;
    height:120px;
  }
}
#highlight{
    height:35px; 
    background-image: linear-gradient(to bottom, rgba(255,255,255,.8), rgba(255,255,255,.0));
    border-radius:8em 8em 2em 2em;
    margin-top:0px

}
.google{
    margin-bottom: 20px;
    padding-bottom:10px;
    border-radius:0 0 20 20;
}

.tile-size{
    width:160px;
    height:160px;
    padding:7px;
}
.v{
    width:174px;
    height:230px;
    padding:10px;
}
.l{
    width: 230px;
    height:174px;
    padding:10px;
}



/* Google Ads Responsive */