html,body{
    height: 100%; 
    font-family: ‘Lucida Sans Unicode’;
}

 footer{
     height:60px; 
     background-color:#606060; 
     color:white;
     padding-top:1.5%; 
     
    }

   .carousel-caption{
      top: 7%;
      bottom: auto;
    }
    
.modal-body{
 text-align:center !important; 
 }



.imgHolder img{
  max-width:100%;
  height:200px;
}

.subsection{
 text-align:center;
}

.infoText{
border: 3px double #c5c5c5;
padding-top:5px;
height:60px;
}


.navbar-inverse .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    
    color: white;
    
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color:#8B008B;
    color: white;
}


.navbar-inverse .navbar-header .navbar-brand {
    color: white;
} 

.navbar-inverse{ 
background-color:#606060;
}

/***** blog page styling*******/ 

.blogPage{
background-color:#f0f0f0; 
position:relative;
height:100%;
padding-top:100px; 

}

.blogPage .blogPost{
   background-color: white;
   max-width: 90%;
   padding: 10px;
   text-align: center;
   margin-bottom: 20px; 
   position:relative;
}

.blogPage .mainImgContainer{
height:300px;
} 

.blogPage .mainImgContainer .mainImg{
 max-width:100%; 
 max-height:100%; 
}

.blogPage .blogHeader a{
  font-size:40pt; 
  color:black; 
  
}

.blogPage .postImg{
text-align:left;
}

.blogPage .postContent{
text-align: left; 
}

.blogPage .info a{
  color:black; 
}

.blogPage .info a:hover{
  text-decoration:none; 
}

.blogPage .info{
 margin-bottom:10px;
 font-size:14pt;
}
.blogPage .postDate{
  font-weight:bold;
  font-size:8pt;
 }
    
    .blogPage #main{
      width:80%; 
      padding-top:20px;
      border-top:1px solid white; 
      margin-left:auto; 
      margin-right:auto; 
    }
    
  .blogPage footer{
    height:60px; 
     background-color:black; 
     color:white;
     padding-top:1.5%; 
     position:fixed; 
     bottom:0px;
     width:100%; 
     text-align:center;
    }
    
   
 /******* Post Details Styling**************/ 
 
 .postDetails{
 position:relative; 
 height:100%; 
 padding-top:60px;
 font-size:14pt; 

 }
 
 .postDetails Footer{
   width:100%;
 }
 
 .postDetailImg{
   width:100%; 
   max-height:400px;
 }
 
 .postDetails .pageTitle{
     font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
    font-size: 42px;
 } 
 
 .postDetails .date{
    font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.55);
    font-size: 15px;
 }
 
 .postDetails .postInView{
     width:60%; 
     font-size:16pt;
     margin-left:auto; 
     margin-right:auto; 
     background-color:f0f0f0;
    font-family: Source Serif Pro, serif;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-size: 21px;
    line-height:22px;
   } 
   
   .postDetails .mainPostContent{
     margin-top:10px; 
     padding-left:20px;
   }
   
   .mainPostContent h1, .mainPostContent h2, .mainPostContent h3, .mainPostContent h4, .mainPostContent h5, .mainPostContent h6{
     text-align:center; 
   }
   .commentHolder{
     margin-top:30px;
     width:100%; 
     text-align:center; 
   }
   
   .fb-comments{
   margin-left:auto; 
   margin-right:auto; 
   }
   
   .postDetails .header{
     border-bottom: 2px solid gray;  
     padding:5px;
   }

/******** Media Query Adjustments***********/

    
    
@media only screen and  (max-width:500px) { 
   #myCarousel{ 
    margin-top:50px;
   }

 
    
}
   
    
@media only screen and (min-width:1000px) { 
  
  .text{
  
     font-size:14pt;
  
  } 
  
  
   
   
}
 
    
@media only screen and (min-width:768px) and (max-width:1064px){ 
  
  .infoText{
  
     font-size:9pt;
  
  }
  
  

}

@media only screen and (min-width: 581px){

 .mobileFooter{
      display:none;
   }
   
  
}

@media only screen and (max-width: 580px){
.infoText{
font-size:9pt;
} 
  .blogPage{
    background-color:white; 
  } 
  
  .blogPage #main{
    width:100%;
  }
  
  .blogPage .blogPost{
    background-color:#d0d0d0; 
    width:100%; 
    margin-left:auto; 
    margin-right:auto; 
  }
    
  .blogPage .aside{
    padding-bottom: 70px;
  }
    
  .blogPage footer{
    display:none;
  }
  
  .blogPage .mainCol{
   margin-bottom:40px; 
   overflow:hidden;
 }
    
    .mobileFooter{
      display:block;
   }
   .mobileFooter{
     height:60px; 
     background-color:black; 
     color:white;
     padding-top:5px; 
     position:fixed; 
     bottom:0px;
     width:100%; 
     text-align:center;
    } 
    
    .postInView .header{
      text-align:center; 
    }
    
   .postDetails .postInView{
     width:100%; 
   }
    
    
   .fb-comments{
     width:200px;
   }
}