/* HTML REWRITE */
*{margin:0; padding: 0; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div {display:block;}
body{font-size: 16px; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  text-rendering: optimizeLegibility; color:#2a2828;}

/* GENERAL TAG */
.wrap{width: 94%; margin: 0 auto;}


h1{font-weight: 500; font-size: 35px;}
h2{font-weight: 500;}

header{background: #333; height: 85px; text-align: center;}
footer{background: rgb(250, 250, 250); }
section{margin: 20px 0; text-align: center;}
p{margin: 20px 0;       }
.main-content{text-align: center;}
.home-img{width: 94%; height: 350px; background:#ccc; margin: 25px auto;}
.home-img img{width: 100%; height: 100%; object-fit: cover;}
.subtitle{color: #78113A; font-style: italic;}
.logo-img{height: 90px; margin: 15px;}
a{text-decoration: none;}
a.btn{background:#78113A; color: #fff; padding: 20px 0; width: 100%; border-radius: 6px; display: block; font-size: 22px; margin: 10px 0; transition: ease-in-out 0.2s;}
a.btn:hover{background: rgba(120, 17, 58, 0.9);}
.footer-flex{display: flex; justify-content: space-around; flex-direction: column; }
.footer-flex-item{flex-grow: 1; flex-basis: 0; font-size: 14px;}
.footer-flex-item h2{font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 20px 0 10px;}
.footer-txtCont, .footer-social{padding: 0 15px; margin: 0 0 20px;}
.footer-txtCont ul{list-style: none; margin: 8px 0;}
.footer-txtCont li{margin: 8px 0;}
.footer-txtCont li svg{margin-right: 10px;}
.footer-info{text-align: center; font-size: 14px; padding: 10px 0;}
.footer-social ul{list-style: none; margin: 20px 0;}
.footer-social li a{text-decoration: none; color:#2a2828; line-height: 20px;}
.footer-social li{margin: 20px 0;}
.footer-social svg{vertical-align: text-top;}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }

.footer-social .icon{font-size: 20px; margin-right: 10px;}

/* Media Query */
@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .footer-flex{ flex-direction: row;}
}

@media (min-width: 992px) {
   
}

@media (min-width: 1200px) {
    .wrap{max-width: 900px;}
    a.btn{font-size: 26px; padding: 15px 0; width: 500px; margin: 10px auto;}
    header{height: 90px;}
    .logo-img{height: 110px; margin: 5px;}
    .home-img{width: 1280px;}
    
}