@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/* Extra small devices (phones, 300px and down) */
@media only screen and (max-width: 300px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Extra small devices (phones, 400px and down) */
@media only screen and (max-width: 400px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
@media only screen and (max-width:500px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 600px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Extra small devices (phones, 900px and down) */
@media only screen and (min-width: 800px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Medium devices (landscape tablets, 500px and up) */
@media only screen and (min-width: 500px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family: ABeeZee,'Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, ABeeZee,'Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
html,
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
height: 100%;
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.ct {
width:60vw;
height:100vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-left:20vw;
margin-right:20vw
}
.ct-fluid {
width:60vw;
height:86vh;
margin-top:14vh;
font:verdana;
color:#808080;
margin-bottom:15vh;
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, ABeeZee,'Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-family:'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Font Design */
/********************************/
.as0 {
font-family: ABeeZee,'Roboto Slab', serif,'Source Sans Pro', sans-serif;
color: white;
font-weight:bold;
font-size:5vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as {
font-family:'Roboto Slab',serif,'Source Sans Pro',Verdana, Geneva, Tahoma, sans-serif;
color:#FF3300;
font-weight:bold;
font-size:3vw;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as1 {
color:#FF9900;
font-size:20px;
font-size: 1.575em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
.as2 {
color:#FFffff;
font-size:20px;
font-size: 1.275em;
font-family: 'ABeeZee', sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
}
/********************************/
/* Typography */
/********************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, ABeeZee,'Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-family: ABeeZee,'Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-size: 36px;
font-size:5vw;
font-size: 2.25em;
}
h2 {
font-size: 30px;
font-size: 1.875em;
}
h3 {
font-size: 24px;
font-size: 1.5em;
}
h4 {
font-size: 20px;
font-size: 1.125em;
}
h5 {
font-size: 18px;
font-size: 0.875em;
}
h6 {
font-size: 16px;
font-size: 0.75em;
line-height: 1.8;
color: #818181;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
/********************************/
/* Button */
/********************************/
.btn-transparent {
background-color:#0000FF;
font-weight:bold;
color:#FFFFFF;
border:none;
}
.btn-transparent:hover {
background-color:#36653F;
font-weight:bold;
color:#FFFFFF;
}
.btn-rounded {
border-radius: 0px;
}
.btn-large {
padding: 11px 20px;
font-size: 18px;
}
/********************************/
/* Navbar */
/********************************/
.navbar {
margin-bottom: 0;
background-color:#FFFFFF;
z-index: 9999;
border: 0;
font-size: 14px !important;
line-height: 1.42857143 !important;
letter-spacing: 2px;
border-radius: 0;
color:#FFFFFF;
font-family: Raleway,'ABeeZee','Roboto Slab', serif,'Source Sans Pro', sans-serif;
font-weight:bold;
text-shadow: 1px 1px 1px #000;
text-transform:uppercase;
heigh:14vh;
position:fixed;
}
.navbar li a, .navbar .navbar-brand {
font-family: Raleway,Roboto;
text-transform:uppercase;
color: #ffffff !important;
background-color:transparent !important;
height:35%;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color:#f1f1f1 !important;
font-family: Raleway,Roboto;
background:transparent !important;
text-transform:uppercase;
}
.navbar-default .navbar-toggle {
border-color: transparent;
background:transparent !important;
opacity:0.7;
color: #fff !important;
height:35%;
}
}