body        {
            padding: 0;
            margin: 0;
            font-family: 'Titillium Web', sans-serif;
            font-weight:  normal;
            font-size: 19px;
            color: #FFF;
            background: #0B0B0B;
            }

html        {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            }


a           {
            text-decoration: none;
            color: #FFF;
            }

#main       {
            width: 100%;
            text-align: center;
            }

.book       {
            max-width: 100%;
            border-bottom: 1px solid #333;
            margin: auto;
            }

.bookimg    {
            max-width: 500px;
            margin: auto;
            padding-top: 70px;
            padding-bottom: 30px;
            }

.title      {
            font-size: 47px;
            font-weight: 600;
            margin-bottom: 25px;
            }

p           {
            margin: 0;
            padding: 0;
            }

.download   {
            font-size: 20px;
            color: #1C1C1C;
            font-weight: 600;
            background: #FFF;
            margin: auto;
            max-width: 130px;
            padding: 5px 5px;
            margin-bottom: 20px;
            }

.smalltext  {
            font-size: 13px;
            color: #666;
            margin-bottom: 75px;
            }

.info       {
            margin:  auto;
            max-width: 500px;
            text-align: justify;
            text-justify: inter-word;
            margin-top: 70px;
            margin-bottom: 70px;
            }

.screen     {
            height: 430px;
            width: 100%;
            display: block;
            background-image: url("img/bg.png");
            background-repeat: repeat-x;
            background-position: center;
            border-top: 1px solid #333;
            }

.support    {
            width: 100%;
            background:  #FFF;
            }

.scontainer {
            margin: auto;
            max-width:  500px;
            padding: 75px 0;
            }

.stitle     {
            text-align: left;
            color: #1c1c1c;
            font-size: 35px;
            font-weight: 600;
}

.sinfo      {
            text-align: justify;
            text-justify: inter-word;
            padding-top: 25px;
            color: #1C1C1C;
}

.merch      {
            font-size: 20px;
            color: #FFF;
            background: #1C1C1C;
            max-width: 140px;
            padding: 5px 5px;
            margin-bottom: 50px;
            margin-top: 40px;
            text-decoration: none;
            }

.shirts    {
            max-width: 500px;
            border:  1px solid #C6C6C6;
            }

@media      only screen and (max-width: 960px)
            {
            img     {width: 100%;}
            .download {width: 70%;}
            .info   {max-width: 80%;}
            .scontainer {max-width: 80%;}
            .shirts {max-width:  80%;}
            }