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

body {
    padding: 0;
    margin: 0;
}

.thumb {margin: 50px 10px 10px 10px;;}
.bigthumb {margin: 50px 10px 10px 10px;}
.h1 {font-weight: bold; padding: 20px; }
.h2 {font-weight: bold; color:#FEDA07; padding: 20px;}
.h3 {font-weight: bold; color:#FEDA07; padding: 60px 20px 10px 20px;}
.alltext {font-size: 20px; color:#FFFFFF; padding: 20px;}
    a:link {color: #CCFFCC; font-weight: bold; }
    a:visited {color: #339933; font-weight: bold; }
    a:hover, a:active {color: #FEDA07; font-weight: bold;}

.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;}
    .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;}
    .alltext {font-size: 20px;}
}
    
@media only screen and (min-width: 1080px) {
    /* For large desktop: */
    .thumb {width: 720px;}
    .bigthumb {width: 1440px;}
    .h1 {font-size: 60px;}
    .h2 {font-size: 40px;}
    .h3 {font-size: 30px;}
    .alltext {font-size: 20px;}
}
@media only screen and (max-width: 320px) {
  /* For mobile phones: */
    .thumb {width: 300px;}
    .bigthumb {width: 300px;}
    .h1 {font-size: 40px;}
    .h2 {font-size: 30px;}
    .h3 {font-size: 20px;}
    .alltext {font-size: 16px;}
}