@charset "UTF-8";
/* CSS Document */

body {
    padding: 0;
    margin: 0;
}

.h1 {font-weight: bold; padding: 20px 20px 0px 20px; }
.h2 {font-weight: bold; color:#FEDA07; padding: 10px 10px 0px 10px;}
.h3 {font-weight: bold; color:#ffffff; padding: 10px 10px 40px 10px;}
.h4 {font-weight: bold; color:#FEDA07; padding: 60px 20px 10px 20px;}
.alltext {font-size: 20px; color:#FFFFFF; padding: 20px;}
    a:link {color: #99ccff; font-weight: bold; }
    a:visited {color: #6699ff; font-weight: bold; }
    a:hover, a:active {color: #FEDA07; font-weight: bold;}

.top {font-size: 12px; color:#FFFFFF; padding: 20px;}
.top a:link {color: #003300; font-weight: bold; }
.top a:visited {color: #003300; font-weight: bold; }
.top a:hover, a:active {color: #003300; font-weight: bold;}

.boldme { font-weight: bold; }
.hilite { color: #ff9900; }
.arrow {
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  }
       
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }



@media only screen and (min-width: 480px) {
    /* For tablets: */
	.thumb {width: 460px;}
	.bigthumb {width: 460px;}
    .h1 {font-size: 40px;}
    .h2 {font-size: 30px;}
    .h3 {font-size: 20px;}
    .h4 {font-size: 16px;}
    .alltext {font-size: 16px;}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .thumb {width: 720px;}
    .bigthumb {width: 720px;}
    .h1 {font-size: 60px;}
    .h2 {font-size: 40px;}
    .h3 {font-size: 30px;}
    .h4 {font-size: 24px;}
    .alltext {font-size: 20px;}
}
    
@media only screen and (min-width: 1080px) {
    /* For large desktop: */
    .h1 {font-size: 60px;}
    .h2 {font-size: 40px;}
    .h3 {font-size: 30px;}
    .h4 {font-size: 24px;}
    .alltext {font-size: 20px;}
}
@media only screen and (max-width: 320px) {
  /* For mobile phones: */
    .h1 {font-size: 40px;}
    .h2 {font-size: 30px;}
    .h3 {font-size: 20px;}
    .h4 {font-size: 16px;}
    .alltext {font-size: 16px;}
}