/***************/
/* BASICS */
/***************/
/***************/
/* MEDIA QUEIRIES */
/*
@media (max-width: 767px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
*/
/**/
/***************/
/*******************************/
/*BASICS*/
/*******************************/
@font-face {
    font-family: 'houschka';
    src: url('/fonts/HouschkaAltPro-Bold.eot');
    src: url('/fonts/HouschkaAltPro-Bold.woff2'),
	 url('/fonts/HouschkaAltPro-Bold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'extra-houschka';
    src: url('/fonts/HouschkaAltPro-ExtraBold.eot');
    src: url('/fonts/HouschkaAltPro-ExtraBold.woff2'),
	 url('/fonts/HouschkaAltPro-ExtraBold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'medium-houschka';
    src: url('/fonts/HouschkaAltPro-Medium.eot');
    src: url('/fonts/HouschkaAltPro-Medium.woff2'),
	 url('/fonts/HouschkaAltPro-Medium.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'light-houschka';
    src: url('/fonts/HouschkaAltPro-Light.eot');
    src: url('/fonts/HouschkaAltPro-Light.woff2'),
	 url('/fonts/HouschkaAltPro-Light.woff');
	font-weight: normal;
	font-style: normal;
}
html{scroll-behavior: smooth;}
body{
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px; 
}
.bold{
    font-weight: bold;
}

body, html, p, h1, h2, h3, h4, h5, ul, ol, li, div{
    color: #fff;
}

/***************/
/***************/
/***************/

a.btn-default.purpleButton{
	margin-top: 20px;
	background-color: #4a0d66;
	border: 2px solid #fff; 
	font-family: 'extra-houschka'; 
	font-size: 18px;
	color: #fff;
	padding: 9px 20px;  
	text-transform: uppercase;
	/**/
	-webkit-border-radius: 0px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 0px; /* Firefox 1-3.6 */
	border-radius: 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
/*a.btn-default.purpleButton.focus, 
a.btn-default.purpleButton:focus, */
a.btn-default.purpleButton:hover{
	color: #4a0d66;
	background-color: #fff; 
}
a.btn-default.transparentButton{
	margin-top: 20px;
	background-color: transparent;
	border: 2px solid #fff; 
	font-family: 'extra-houschka'; 
	font-size: 18px;
	color: #fff;
	padding: 9px 20px; 
	text-transform: uppercase;
	/**/
	-webkit-border-radius: 0px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 0px; /* Firefox 1-3.6 */
	border-radius: 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
a.btn-default.transparentButton.focus, 
a.btn-default.transparentButton:focus, 
a.btn-default.transparentButton:hover{
	color: #359A8E;
	background-color: #fff; 
}
a.btn-default.blackTransparentButton{
	margin-top: 20px;
	background-color: transparent;
	border: 2px solid #333; 
	font-family: 'extra-houschka'; 
	font-size: 18px;
	color: #333;
	padding: 9px 20px;  
	text-transform: uppercase;
	text-decoration: none !important;

	/**/
	-webkit-border-radius: 0px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 0px; /* Firefox 1-3.6 */
	border-radius: 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
/*a.btn-default.blackTransparentButton.focus, 
a.btn-default.blackTransparentButton:focus, */
a.btn-default.blackTransparentButton:hover{
	color: #fff;
	background-color: #333; 
}

/**/
.subtext{
	font-size: .95em;
}


@media (max-width: 310px) {
	a.btn-default.blackTransparentButton{
	    width: 100%;
    	font-size: 4vw;
	}
}


@media (max-width: 586px) { 
	a.btn-default.purpleButton{ 
		font-size: 4vw;
	}	
}



/***************/
/***************/
/***************/