
@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-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ddin';
  src:url('../fonts/D-DIN.ttf');
}
@font-face {
  font-family: 'ddincon';
  src:url('../fonts/D-DINCondensed.ttf');
}
.btn-info{background-color:dodgerblue;font-weight: bold; border-color: dodgerblue;}
#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; vertical-align: middle; height: 85px; line-height: 85px;}
.headerlink a{color:#8b459a; text-decoration: none; font-family: art; font-size: 18px;}
.headernumbers{font-family: poppins; font-size: 18px;}
.logoname{color: #000; font-family: poppins; font-size: 20px; line-height: 100px;}
#menudiv{background-color: #d2d5d2; color: #000; font-family: poppins; font-size: 18px; background-image: url('../images/menu_back.png'); background-repeat: repeat-x; height:57px;}
#menudiv a{color:#000; text-decoration: none;}
#menudiv li{content: '|'}
#noticediv{background-color: #d2d5d2; color: #000; font-family: poppins; font-size: 20px; background-image: url('../images/notice_back.png'); background-repeat: repeat-x; height:57px;}
.logoimg{height: 60px; width: auto;}
#headertiming{background-color: #d2d5d2; font-family: poppins; font-size: 18px; text-align: center; color: #000;}
#pagecontent{font-family: poppins; color: #000; font-size: 16px;}
#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: #e9e9e9; background-image: url('../images/right_cone.png'); background-position: 0 50%; background-repeat: no-repeat;}
.bgpurple{background-color: #853c95; color: #fff;}
.endorsementicon{height: 60px; width: auto;}
.sponsoricon{height: 100px; width: auto;}
#menudiv .dropdown-item{color: #fff; font-size: 14px;}
#menudiv .dropdown-item:hover{color: #000; font-size: 14px;}
.projectblock{font-family: poppins; color: #000; font-size: 20px;}
.projectblock h2{font-family: ddincon; color: #000; font-size: 40px;}
@media screen and (max-width:768px){
  .logoname{color: #000; font-family: poppins; font-size: 14px; text-align:center; line-height: 16px;}
  .logoname .logotext{margin-top:10px;}
.logoimg{height: 40px; width: auto;}
.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;}
.endorsementicon{height: 60px; width: auto;}
.sponsoricon{height: 100px; width: auto;}
.dropdown-item{color: #fff;}
.dropdown-item:hover{color: #000;}
.nav-link{background-color:white; opacity:0.8;}
}
@media screen and (max-width:320px){
  .logoname{color: #000; font-family: poppins; font-size: 14px; text-align:center; line-height: 16px;}
  .logoname .logotext{margin-top:10px;}
.logoimg{height: 30px; width: auto;}
.endorsementicon{height: 30px; width: auto;}
.sponsoricon{height: 50px; width: auto;}
.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;}
.dropdown-item{color: #fff;}
.dropdown-item:hover{color: #000;}
.nav-link{background-color:white; opacity:0.8;}
}

