/* ---------------------------
SCREEN STYLE CSS - RWD
--------------------------- */

/*START: GENERAL STYLES*/
article
{
    padding: 50px 0 120px;
}
#background
{
    position: absolute;
/*    width: 100%;*/
}
#titlebox
{
    background: #2d2d2d;
    color: #fff;
}
#secondary-one, #secondary-two, #secondary-three, #secondary-four, #secondary-five, #secondary-six
{
    width: 80%;
    margin: 10px auto;
    background: #fe4900;
    color: #fff;
}
#secondary-one, #secondary-two, #secondary-three, #secondary-four, #secondary-five, #secondary-six p
{
    text-shadow: 2px 2px 5px black;
}
#secondary-one a, #secondary-two a, #secondary-three a, #secondary-four a, #secondary-five a, #secondary-six a
{
    text-decoration: none;
    color: #fff;
}
.container
{
    background: rgb(213,222,219,.08);
}



/*START: IPHONE LAYOUT STYLES*/
@media (max-width: 480px) {
    fieldset
    {
        margin-top: 90px;
        padding: 110px 0;
    }
    .container
    {
        margin-top: 100px;
        margin-bottom: 160px;
    }
}



/*START: NARROW LAYOUT STYLES*/
@media (min-width: 481px) and (max-width: 766px) {
    fieldset
    {
        margin-top: 90px;
        padding: 110px 0;
    }
    #ftitlebox
    {
        margin-top: -13%;
    }
    .container
    {
        margin-top: 100px;
        margin-bottom: 160px;
    }
}



/*START: MEDIUM LAYOUT STYLES*/
@media (min-width: 767px) and (max-width: 979px) {
    fieldset
    {
        margin-top: 90px;
        padding: 110px 0;
    }
    .container
    {
        margin-top: 100px;
        margin-bottom: 160px;
    }
}



/*START: WIDE LAYOUT STYLES*/
@media (min-width: 980px) {
    fieldset
    {
        margin-top: 90px;
        padding: 110px 0;
    }
    .container
    {
        margin-top: 100px;
        margin-bottom: 160px;
    }
}