@font-face {
  font-family: gothic;
  src: url(fonts/century_gothic/CenturyGothic.ttf);
}

*{
	font-family: gothic;
}

#view-all-posts-btn{
  transition: background-color 0.2s, box-shadow 0.2s;
  box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
  background-color:#21476a;
}
#view-all-posts-btn:hover{
  background-color: #67bdea;
  box-shadow: 0 1px 5px 4px rgba(0,0,0,0.1);
}

input{
  width: 80vw;
  max-width: 500px;
}
select{
  width: 80vw;
  max-width: 500px;
}
textarea{
  width: 80vw;
  max-width: 500px;
}

#main-banner-contaienr{
  box-shadow: 0 1px 4px 2px rgba(0,0,0,0.2);
}

.rk-card{
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 4px 2px rgba(0,0,0,0.2);
  font-size: 14px;
}
.rk-card:hover{
/*  box-shadow: 0 2px 6px 4px rgba(0,0,0,0.4);*/
}
.rk-card .rk-card-bg{
  transition: background-color 0.5s;
}
.rk-card:hover .rk-card-bg{
  background-color: #67bdea !important;
}




@media (max-width: 600px) {
  .banner-text{
    left:20px !important;
  }
  .banner-text.a{
    top:100px !important;
    font-size: 26px !important;
  }
  .banner-text.b{
    top:100px !important;
    font-size: 16px !important;
    text-shadow: 0 0 3px #FFF;
    font-weight: bold;
  }
  #main-banner-contaienr-container{
    margin-bottom: 40px !important;
    height: 200px !important;
  }
  #main-banner{
    margin-top: 0px !important;
  }
  #home-section-2{
    padding-top: 0px !important;
    margin-top: -20px !important;
  }
  #footer-contact-us{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 50px;
  }
}

@media (max-width: 900px) {
  .rk-card{
    width: 91% !important;
    margin: 1% 4% !important;
  }

  #main-banner-contaienr{
    max-height: 500px !important;
  }

  #footer-links{
    width: 100% !important;
    padding-left: 40px;
  }
  #footer-contact{
    width: 100% !important;
    padding-left: 40px;
    padding-bottom: 20px;
  }
}