/* Common CSS */
*{margin:0px;padding:0px}
body{background:#efefef;font-family:Raleway;justify-content:center;}
.clear{clear:both}

.container-fluid{background:#BCB9C8}
.conth1{color:#502170 !important}
.contp{color:#B6DDB6 !important}
h3{font-size:24px}
.col-sm-4{width:230px;margin:20px 5px !important;border:3px solid #BED8D8 !important;border-radius:10px !important;text-align:center;box-shadow:inset 3px 3px 7px #ffffffb0, inset -3px -3px 7px rgba(94, 104, 121, 0.692) !important;padding-bottom:20px}
.col-sm-4:hover{opacity:0.9}


.footer-dark {padding:10px 0;color:#f0f9ff;background-color:#282d32}
.footer-dark h3 {margin-top:0;margin-bottom:12px;font-weight:bold;font-size:16px}
.footer-dark ul {padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0}
.footer-dark ul a {color:inherit;text-decoration:none;opacity:0.6}
.footer-dark ul a:hover{opacity:0.8}
.footer-dark .copyright {text-align:center;padding-top:24px;opacity:0.3;font-size:13px;margin-bottom:0}
.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 0px;
  border-radius: 50%;
}
.fa:hover {
    opacity: 0.7;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}
.fa-instagram {
  background: #125688;
  color: white;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
}

.footer-dark .item.social {
  text-align:center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align:center;
    margin-top:20px;
  }
}

.fa {padding: 20px;font-size: 30px;width: 65px;text-align: center;text-decoration: none;margin: 5px 2px;border-radius: 50%}
.fa:hover {opacity: 0.7;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  text-align: center;
justify-content: center;
margin: 0px auto;
align-itmes: center
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  text-align: center;
justify-content: center;
margin: 0px auto;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  text-align: center;
justify-content: center;
margin: 0px auto;}