#secondary.col-md-4 {display:none;}
#secondary {display:none;}
#sidebar {display:none;}
.sidebar  {display:none;}
#more-site.btn  {display:none;  }
.credit-link {display:none !important;}

.title-card-wrapper{display:none;}

body.page-id-5 .title-card-wrapper{display:block;}

body.page-id-196 .title-card-wrapper{display:none;}
body.page-id-196 .entry-title{display:none;}

body.page-id-218 .title-card-wrapper{display:none;}
body.page-id-218 .entry-title{display:none;}

body.page-id-17 .title-card-wrapper{display:none;}
body.page-id-17 .entry-title{display:none;}

#alittlespace {padding: 10px}

article { border-bottom: 2px solid #eee; }





#primary a { color: #CFCFCF; }


.entry-title { color: #3f3f3f !important;  }



#cal {   font-family: 'Open Sans', sans-serif;
  color: #7f7f7f; }
#cal {font-size:16px;}
#cal h3 { color: #7f7f7f; font-size:18px;}

#cal_title {display:none;}

#cal_nav {
  font-family: 'Open Sans', sans-serif;
  font-size:14px !important;
  color: #7f7f7f;
}

#cal_nav a { color: #CFCFCF; }


/*
 @media screen and (min-width:560px){}
*/
       
  #site-title {  text-align: left; margin:300px 10px 0px 10px;}
  #site-description {  text-align: left; margin-left:20px; }
  #site-description.margin-top { margin-top: 10px;}


  
  

@media (max-width: 768px) {.title-card-wrapper{display:block;}}





@media (min-width: 1px) and (max-width: 500px){
     #site-title a {
        font-size: 23px !important;
    }
}

@media (min-width: 501px) and (max-width: 600px){
     #site-title a {
        font-size: 35px !important;
    }
}

@media (min-width: 601px) and (max-width: 700px){
     #site-title a {
        font-size: 40px !important;
    }
}

@media (min-width: 701px) and (max-width: 800px){
     #site-title a {
        font-size: 45px !important;
    }
}

@media (min-width: 801px) and (max-width: 900px){
     #site-title a {
        font-size: 50px !important;
    }
}

@media (min-width: 901px) and (max-width: 1000px){
     #site-title a {
        font-size: 55px !important;
    }
}

@media (min-width: 1001px) and (max-width: 1100px){
     #site-title a {
        font-size: 60px !important;
    }
}

@media (min-width: 1101px){
     #site-title a {
        font-size: 65px !important;
    }
}





/* 83% width looks good with this: */

 @media (min-width:1000px){
  main {padding-left: 10%; padding-top:6%; }
}


/* IF YOU WANT PAGE TO BE FULL WIDTH: */
/*
.col-xs-10 {
    width: 100%;
}

.col-xs-pull-10 {
    right: 100%;
}

.col-xs-offset-10 {
    margin-left: 100%;
}


 .col-sm-10 {
        width: 100%;
    }

  .col-sm-pull-10 {
        right: 100%;
    }

  .col-sm-push-10 {
        left: 100%;
    }

   .col-sm-offset-10 {
        margin-left: 100%;
    }




  .col-md-10 {
        width: 100%;
    }

   .col-md-pull-10 {
        right:100%;
    }


  .col-md-push-10 {
        left: 100%;
    }


    .col-md-offset-10 {
        margin-left: 100%;
    }



 .col-lg-10 {
        width: 100%;
    }


    .col-lg-pull-10 {
        right: 100%;
    }

 .col-lg-push-10 {
        left: 100%;
    }

 .col-lg-offset-10 {
        margin-left: 100%;
    }

.col-xs-10 {
    width:100%;
}

.col-xs-pull-10 {
    right: 100%;
}

.col-xs-push-10 {
    left:100%;
}

.col-xs-offset-10 {
    margin-left: 100%;
}


*/