@CHARSET "ISO-8859-1";

#carousel { height: 66%; }
#carousel .item > img { width: 100%;}

#blog { margin-top: 50px; text-align: center; min-height:30%; height:auto; }
#blog h3 { text-align: left; margin-left: 10%; }
#blog ul { border-top: 1px solid darkgray;  margin: auto; }
#blog ul li {  display: inline-table;  height: 200px; margin: 15px 15px 50px;  text-align: left;  width: 200px; opacity:0.9;  cursor:pointer; }
#blog ul li:hover { opacity:1; }
#blog ul li img{ width:100%; border:1px solid gray; }

#video, #info { margin-top: 50px; margin-bottom: 50px; text-align: center; min-height:30%; height:auto; }
#video h3, #info h3 {text-align: left;padding-left: 10%;border-bottom: 1px solid darkgray;margin-bottom:  20px;}
#info p {margin : 10px 0;}

.article-title { color: #73588C;  font-style: italic; }
.article-date { color: gray; font-size: 11pt;  font-weight: bold; }

#contact { background-image: url('./images/tabledhotes.png'); background-repeat: no-repeat; background-size: cover; width: 100%; border-top: 1px solid; border-bottom: 1px solid; text-align: center; height: 600px; background-position: center center; }
#contact .contact-text { color: white; font-size: 20px; text-align: center; margin: auto; padding-top: 100px; height: 400px; width: 625px; }
#contact .contact-link { background-color: #73588C; padding: 20px 100px; border: 1px solid white; color: white; }
#contact .contact-link:hover { text-decoration: underline; }