h1 { font-size: 52px; font-weight: 400; color: #cd4f4f; }

h2 { font-size: 40px; font-weight: 600; color: #414141; margin: 0 0 50px; }

h3 { font-size: 36px; font-weight: 400; color: #cd4f4f; margin-bottom: 12px; }

h4 { font-size: 34px; font-weight: 600; color: #161616; }

h5 { font-size: 30px; font-weight: 400; color: #161616; }

p { color: #000000; font-size: 24px; font-weight: 300; margin-bottom: 50px; }

.btn-danger { background: #cd4f4f; }

html, body { height: 100%; width: 100%; }

body { font-family: 'Open Sans', sans-serif; text-align: center; color: #000; font-size: 30px; }

#banner { background: url(../images/banner.jpg) no-repeat right center; height: 100%; background-size: cover; -webkit-background-size: cover; }
@media screen and (max-width: 1200px) { #banner { background-position: center center; } }
#banner .logo { padding-top: 80px; display: inline-block; }
@media screen and (max-width: 767px) { #banner .logo { padding-top: 50px; } }
#banner .caption { text-align: center; position: relative; top: 35%; -webkit-transform: translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%); }
#banner .caption h2 { font-size: 80px; color: #fff; font-weight: 700; letter-spacing: -5px; margin-bottom: 0; }
#banner .caption h3 { font-size: 45px; font-weight: 300; }
@media screen and (max-width: 1200px) { #banner .caption h2 { font-size: 65px; }
  #banner .caption h3 { font-size: 38px; } }
@media screen and (max-width: 991px) { #banner .caption h2 { font-size: 58px; }
  #banner .caption h3 { font-size: 34px; } }
@media screen and (max-width: 991px) { #banner .caption h2 { font-size: 48px; letter-spacing: 0px; }
  #banner .caption h3 { font-size: 35px; } }
@media screen and (max-width: 767px) { #banner .caption h2 { font-size: 35px; letter-spacing: 0px; }
  #banner .caption h3 { font-size: 30px; } }

#content article { padding: 90px 0; }
@media screen and (max-width: 767px) { #content article { padding: 50px 0; } }
#content article p:last-child { margin-bottom: 0px; }
#content article .redrow { background: #cd4f4f; height: 6px; width: 150px; margin: 50px auto 0; display: inline-block; }
@media screen and (max-width: 767px) { #content article .redrow { margin: 20px auto 0; } }
#content .mosttext { padding: 16px 34px; color: #fff; background: #cd4f4f; font-size: 24px; position: relative; top: -40px; display: inline-block; border-radius: 50px; }
@media screen and (max-width: 767px) { #content .mosttext { padding: 16px 18px; font-size: 20px; top: -30px; } }
@media screen and (max-width: 639px) { #content .mosttext { font-size: 13px; } }
#content .picture { top: -130px; position: relative; display: inline-block; border-radius: 50%; border: 1px #ddd solid; padding: 5px; }
#content .circle { padding-left: 0px; }
#content .circle li { display: inline-block; margin: 13px 13px 10px; border: 1px #ddd solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 196px; height: 196px; text-align: center; color: #cd4f4f; overflow: hidden; font-size: 20px; padding-top: 25px; vertical-align: top; }
@media screen and (max-width: 768px) { #content .circle li { width: 120px; height: 120px; font-size: 14px; padding-top: 20px; }
  #content .circle li img { max-width: 40%; }
  #content .circle li:nth-child(6) img { max-width: 16%; }
  #content .circle li:nth-child(7) img { margin-top: 10px; } }
#content .padding { padding: 80px 0; }
@media screen and (max-width: 767px) { #content .padding { padding: 40px 0; } }
#content .nopad { padding-bottom: 0px; }
#content .nopad1 { padding-top: 70px; padding-bottom: 120px; }
@media screen and (max-width: 767px) { #content .nopad1 { padding: 30px 0 100px; } }

#content.even { background: #f7f7f7; }
#content.even .textup { padding-top: 30px; }

#content.neweven { margin-top: 120px; }
#content.neweven article { padding: 0 0 90px; margin-top: -90px; }

#content.redbg { background: #cd4f4f; padding: 0px 0 90px; }
#content.redbg .call { padding: 5px 0px; color: #cd4f4f; border: 1px #cd4f4f solid; font-size: 30px; font-weight: 600; position: relative; top: -30px; background: #ffffff; display: inline-block; border-radius: 50px; }
#content.redbg .call img { width: 12%; }
#content.redbg .call span { padding: 0 60px 0 20px; }
@media screen and (max-width: 639px) { #content.redbg .call { font-size: 20px; } }

@media screen and (max-width: 767px) { h2 { font-size: 36px; }
  h3 { font-size: 30px; }
  h4 { font-size: 24px; }
  p { font-size: 22px; } }
