@font-face {
  font-family: 'painter';
  src:url('../fonts/PainterPersonalUseOnly-Br0w.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cavier';
  src:url('../fonts/CaviarDreams.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'quicksand';
  src:url('../fonts/Quicksand-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'art';
  src:url('../fonts/Artifakt Element Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklin';
  src:url('../fonts/FRADM.TTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppins';
  src:url('../fonts/Poppins-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
#footertop{background-color: #262626; padding-top: 5px;}
#footerdivsubround{background-color: #454444; border-radius: 5px; padding: 5px; text-align: center; font-size: 24px;}
.footerorangetext{color: #f89b1c; font-family: franklin; font-size: 24px;}
.footerwhitetext{color: #e7e4e4; font-family: art; font-size: 14px; font-weight: normal;}
#footerbottom{color: #000; font-family: art; font-size: 18px; padding-bottom: 5px; padding-top: 5px;}
#footerbottom a{color: #000; font-family: art; font-size: 14px; text-decoration: none;}
.btnpurple{background-color: #853c95; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 18px; font-family: poppins;}
.btnpurple:hover{background-color: #853c95; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 18px; font-family: poppins;}
.btnpurple2{background-color: #853c95; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: art;}
.btnpurple2:hover{background-color: #853c95; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: art;}
.btnorange{background-color: #f89b1c; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 18px; font-family: poppins;}
.btnorange:hover{background-color: #f89b1c; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 18px; font-family: poppins;}
.btnorange2{background-color: #f89b1c; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: art;}
.btnorange2:hover{background-color: #f89b1c; color: #fff; border-radius: 20px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-family: art;}
.headerlink{color:#8b459a; text-decoration: none; font-family: art; font-size: 18px;}
.headerlink a{color:#8b459a; text-decoration: none; font-family: art; font-size: 18px;}
.headernumbers{font-family: poppins; font-size: 18px;}
#menudiv{color: #000; font-family: art; font-size: 14px;background-image:url('../images/menu_background.jpg'); background-repeat:repeat-x;}
#menudiv a{color:#000; text-decoration: none;}
#menudiv li{content: '|'}
.logoimg{height: auto; width: auto;}
.logoimg2{height: auto; width: auto;}
#headertiming{background-color: transparent; font-family: poppins; font-size: 18px; text-align: center; color: #000;}
#pagecontent{font-family: art; color: #000; font-size: 14px;}
#pagetitle{font-family: art; font-size: 48px; color: #000; text-align: center;}
#pagetitle_small{font-family: art; font-size: 30px; color: #000; text-align: center;}
#whyblock{font-family: quicksand; font-size: 32px; color: #fff; text-align: center; background-color: #f89b1c;}
#pagetext{background-color: transparent; background-image: url('../images/right_cone.png'); background-position: 0 50%; background-repeat: no-repeat;}
.bgpurple{background-color: #853c95; color: #fff;}
.nav-item{border-right:solid 1px #fbb900; line-height:18px; color:#000;}
.nav-item a{color:#000;}
.nav-item:last-child{border-right:none;}
.tagline{background-image: url('../images/tagline_background.jpg'); height:53px; font-size: 16px; color:#000; background-repeat: repeat-x; text-align: center; vertical-align: middle; display:inline-block; line-height: 53px;}
.yellowblock{background-image: url('../images/yellow.png'); background-repeat: no-repeat; background-position: bottom; height: 160px;}
.verticleblock{background-image: url('../images/blue.png'); background-repeat: no-repeat; background-position: bottom; height: 160px; width:190px; text-align: center; color:#fff; margin-bottom: 10px;}
.verticleblock .verticleimg{margin-top:-30px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.quicklink-item{color:#000; text-decoration:none; padding-left:5px; padding-right:5px; border-right:solid 1px #000; line-height:8px; font-size:14px; text-transform:uppercase;}
.quicklink-item:last-child{border-right:none; padding-right:0px;}
.quicklink-item:first-child{padding-left:0px;}
@media screen and (max-width:768px){
.logoimg2{height: 70px; width: auto;}
.logoimg{visibility: collapse;}
.headerlink{color:#8b459a; text-decoration: none; font-family: art; font-size: 14px;}
.headerlink a{color:#8b459a; text-decoration: none; font-family: art; font-size: 14px;}
.headernumbers{font-family: poppins; font-size: 12px;}
#headertiming{background-color: #d2d5d2; font-family: poppins; font-size: 12px; text-align: center; color: #000;}
#pagetitle{font-family: art; font-size: 24px; color: #000; text-align: center;}
#pagetext{background-color: #e9e9e9; background-image: url('../images/down_cone.png'); background-position: 50% 0; background-repeat: no-repeat;}
#whyblock{font-family: quicksand; font-size: 28px; color: #fff; text-align: center; background-color: #f89b1c;}
.nav-item{border-right:none; line-height:18px; color:#000;}
.nav-item a{color:#000;}
.nav-item:last-child{border-right:none;}
.tagline{background-image: url('../images/tagline_background.jpg'); height:53px; font-size: 12px; color:#000; background-repeat: repeat-x; background-size: 0lvh; text-align: center; vertical-align: middle; display:inline-block; line-height: 26px;}
.verticleblock{background-image: url('../images/blue.png'); background-repeat: no-repeat; background-position: bottom; height: 90px; width:140px; background-size: contain; text-align: center; color:#fff; border: #000 solid 0px; max-width: 47%; margin-right: 10px; margin-bottom: 80px;}
.verticleblock .verticleimg{width: 95%; height: auto; margin-top: -70px;}
.yellowblock{margin-bottom: 100px;}
}
@media screen and (max-width:320px){
.logoimg2{height: 30px; width: auto;}
.logoimg{visibility: collapse;}
.headerlink{color:#8b459a; text-decoration: none; font-family: art; font-size: 12px;}
.headerlink a{color:#8b459a; text-decoration: none; font-family: art; font-size: 12px;}
.headernumbers{font-family: poppins; font-size: 10px;}
#headertiming{background-color: #d2d5d2; font-family: poppins; font-size: 12px; text-align: center; color: #000;}
#pagetitle{font-family: art; font-size: 24px; color: #000; text-align: center;}
#pagetext{background-color: #e9e9e9; background-image: url('../images/down_cone.png'); background-position: 50% 0; background-repeat: no-repeat;}
#whyblock{font-family: quicksand; font-size: 28px; color: #fff; text-align: center; background-color: #f89b1c;}
.nav-item{border-right:none; line-height:18px; color:#000;}
.nav-item a{color:#000;}
.nav-item:last-child{border-right:none;}

}