.h5{
    color: rgba(255, 255, 255, 0.30);
    font-size: 15em;
    font-family:"impact";
    font-weight: 400;
}

        .drop-shadow {
            position:relative;
            float:center;
            width:98%;
            padding:0.6em;
            margin:2em 10px 2em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -1;
}

        .curled {
            border:1px solid #efefef;
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
            border-radius:0 0 120px 120px / 0 0 6px 6px;
        }

        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            max-height:100px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -webkit-transform:skew(-8deg) rotate(-3deg);
            -moz-transform:skew(-8deg) rotate(-3deg);
            -ms-transform:skew(-8deg) rotate(-3deg);
            -o-transform:skew(-8deg) rotate(-3deg);
            transform:skew(-8deg) rotate(-3deg);
        }

        .curled:after {
            right:10px;
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg);
            -moz-transform:skew(8deg) rotate(3deg);
            -ms-transform:skew(8deg) rotate(3deg);
            -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
        }


@media only screen and (min-width: 240px) and (max-width: 867px) {
  h1 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 16px;
    color: #FFF;
    text-shadow: 2px 2px #000000;
    }
  .h1{
    font-family: Julius Sans One,calibri,arial;
    font-size: 16px;
    color: #FFF;
    text-shadow: 2px 2px #000000;
    }
  .h2 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 18px;
    }
  .h3 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 14px;
    }
}
  
@media only screen and (min-width: 868px) and (max-width: 1920px) { 
  h1 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 28px;
    color: #FFF;
    text-shadow: 2px 2px #000000;
    }
  .h1 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 28px;
    color: #FFF;
    text-shadow: 2px 2px #000000;
    }
  .h2 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 22px;
    }
  .h3 {
    font-family: Julius Sans One,calibri,arial;
    font-size: 16px;
    }
}