/*
 */

body {
    font-family: 'Cinzel', serif;
    background:#FFF;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #413422;
    margin: 0;
    text-align: left;
    width:100%;
}

body#homepage {
    background:#000 url('images/RCM_HomeBG_1920Sml.jpg') no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    height:100%;
}

#wrapper {
    width:100%;
}
body#presspage {
    font-family: 'arial', sans-serif;
    background:#FFF;
    font-size: 1.0rem;
    line-height: 1.1rem;
    color: #413422;
    margin: 20px 0 0 0;
    text-align: left;
    width:100%;
    
}
body#presspage #wrapper {
    margin: auto;
    padding:20px;
    width:100%;
    max-width: 800px;
    box-sizing:border-box;
}

body#presspage .press_right{
    max-width:50%;
    float:right;
    margin: 0px 0 10px 20px;
}

body#presspage .press_left.logo {
    width:200px;
    float:left;
    margin: 0 20px 10px 0px;
    clear:left;
}

body#presspage .contact_right {
    width:400px;
    float:right;
    margin: 0 20px 10px 0px;
    clear:right;
}

body#presspage .alignright {
    text-align:right;
    display:block
}

body#presspage h1{
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    font-variant: small-caps;
    text-align:center;
    clear:both;
    padding: 50px 0 0 0;
    margin: 0 0 2px 0;
}

body#presspage h3{
    font-size: 1.0rem;
    line-height: 1.2rem;
    font-style: italic;
    font-weight:400;
    padding: 0 0 20px 0;
    text-align:center;
    margin: 0;
}

body#presspage p{
    margin:25px 0;
}

#home {
    height: 10%;
    padding: 10px 0;
    margin: 0 auto;
    max-width: 90%;
    box-sizing: border-box;
    position: relative;
  }

.pressaward {
    position: absolute;
    bottom:50px;
    right:40%;
    max-width:200px;
    margin: auto;
    text-align:center;
    color: #fff;
    font-size: 1.0rem;
}
.pressaward .presslink {
    width:200px;
    border:1px solid #fff;
}

#login_wrapper {
    position: absolute;
}
#show_login {
    font-family: 'Cinzel', serif;
    width: 100px;
    height: 40px;
    padding: 8px 10px;
    color:#E6E6E6;
    background-color:#413422;
    font-size:16px;
    border: none;
    border-radius: 1px;
}

#loginform, #contactform {
    width: 287px;
    height:230px;
    margin-top:100px;
    background-color:#6a5537;
    border-radius:3px;
    box-shadow:0px 0px 10px 0px #424242;
    padding:20px;
    box-sizing:border-box;
    font-family: 'Cinzel', serif;
    visibility:hidden;
    display:none;
    position: relative;
    text-align: center;
}

#contactform table {
    color: #FFF;
}

#contactform label {
    width: 150px;
    display:block;
}
#comments {
    width:251px;
}
#loginform .close_login, #contactform .close_contact {
    position:absolute;
    top:10px;
    left:275px;
    width:15px;
    height:15px;
}
#loginform p, #contactform p {
    margin: 0 0 10px 0;
    font-size:22px;
    color:#E6E6E6;
}
#loginform #username {
    width:250px;
    height:40px;
    border:2px solid silver;
    border-radius:3px;
    padding:5px;
}
#loginform label {
    margin-top:5px;
    width:250px;
    height:40px;
    padding:5px;
    font-size:12px;
}
#loginform #password {
    margin-top:5px;
    width:250px;
    height:40px;
    border:2px solid silver;
    border-radius:3px;
    padding:5px;
}
#loginform #submitbtn, #contactform #contactsubmitbtn {
    display: inline-block;
    margin: 10px 0;
    width: 250px;
    height: 40px;
    border: none;
    border-radius: 1px;
    color: #E6E6E6;
    background-color: #413422;
    font-size: 20px;
    font-family: "Cinzel";
    text-decoration: none;
    vertical-align: top;
    padding: 0;
}
#login_wrapper #show-contact {
    font-size: 14px;
    font-family: "Cinzel";
    line-height: 1.2rem;
    position: absolute;
    right: 0;
    top: 42px;
}
#login_wrapper #show-contact a {
    text-decoration: underline;
    color: #413422;
}

@media only screen and (min-device-width : 300px)
and (max-device-width : 375px)
and (orientation : portrait){
    body {
        font-size: 3.4rem;
        line-height: 4.0rem;
    }

}

@media only screen and (min-device-width : 300px)
and (max-device-width : 375px)
and (orientation : landscape){
    body {
        font-size: 2.4rem;
        line-height: 3.0rem;
    }
}

@media only screen and (min-device-width : 375px)
and (max-device-width : 667px) {
    body {
        font-size: 2.4rem;
        line-height: 3.0rem;
    }
}

@media only screen and (min-device-width : 414px)
and (max-device-width : 736px) {
    body {
        font-size: 2.4rem;
        line-height: 3.0rem;
    }
}

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
    body {
        font-size: 2.4rem;
        line-height: 3.0rem;
        top: 20px;
    }
}
@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
    body {
        font-size: 3.0rem;
        line-height: 3.6rem;
    }
}

@media only screen and (max-width : 400px) and (max-height: 700px){
    body {
        font-size: 1.8rem;
        line-height: 2.0rem;
    }
}
@media only screen and (min-width : 300px) 
{
    #home {
        text-align:center;
    }
    #login_wrapper {
        top: 50px;
        text-align: center;
        width:100%;
        right: 0;
    }
    #show_login {
        float:none;
    }
    #contactform {
        width: 300px;
        height: 420px;
    }
    #loginform, #contactform {
        margin: 100px auto 0 auto;
    }
    #loginform .close_login {
        left: 260px;
    }
    #contactform .close_contact {
        left: 275px;
    }
    #login_wrapper #show-contact {
        width: 100%;
        text-align: center;
    }
}
@media only screen and (min-width : 300px) and (max-width : 600px){

    /* Force table to not be like tables anymore */
    table, td, tr {
        display: block;
    }
    
    td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 0%;
    }
    
    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}
@media only screen and (min-width : 600px)
{
    #home {
        text-align: left;
    }
    #login_wrapper {
        top: 20px;
        text-align: right;
        width:auto;
    }
    #show_login {
        float:right;
    }
    #login_wrapper #show-contact {
        right: 0;
        text-align: right;
        width:120px;
    }
    #contactform {
        width:450px;
        height: 325px;
    }
    #loginform .close_login {
        left: 260px;
    }
    #contactform .close_contact {
        left: 425px;
    }
}

@media only screen and (min-width : 1024px)
{
    body {
        font-size: 2.4rem;
        line-height: 3.0rem;
    }
}