@import url('header.css');
@import url('headercover2.css');
@import url('section.css');

#slider{margin-top:90px; padding-bottom:20px;/*background:#FFF;*/ }

.card_img{border-radius:20px; box-shadow:1px 2px 3px grey; height:250px}

.gallery {overflow: hidden; text-align: center  ; box-shadow: 0 -1px 3px silver;border-radius:7px; padding: 10px; background: white;}
.gallery img {box-shadow: 1px 2px 3px grey; width: 90%; margin-bottom: 7px}

.about-cover {
  background: url("../img/about-cover.jpg");
  background-size: cover;
}

#about {text-align: center; font-family: 'Kanit', sans-serif; color:white; padding:20px 0px; box-shadow: 0 0 6px #333; }

@media screen and (max-width: 444px)
{
footer, #slider, #about {font-size: 14px}
.redborder{font-size: 10px}

}

footer a {color:white;}
footer a:hover {color:#ededed}
footer li {border-bottom: 1px solid grey; line-height: 35px; list-style: none; width:70%}
footer {
  background: #211d1f; /* Old browsers */
  background: -moz-linear-gradient(left, #211d1f 0%, #373333 21%, #1e191a 50%, #373333 79%, #211d1f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #211d1f 0%,#373333 21%,#1e191a 50%,#373333 79%,#211d1f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #211d1f 0%,#373333 21%,#1e191a 50%,#373333 79%,#211d1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211d1f', endColorstr='#211d1f',GradientType=1 ); /* IE6-9 */

}
footer hr {  background: url("assets/img/bg-goldbar.jpg"); height:15px; margin:0px;  box-shadow: 0px -2px 3px grey; position: relative; z-index: 1}