@charset "UTF-8";
@import url("../webfonts/PrentonRPProBlack_Regular/stylesheet.css");
@import url("../webfonts/PrentonRPProLight_Regular/stylesheet.css");
@import url("../webfonts/prentonproprmed/stylesheet.css");
body p {
    width: 98%;
}


@media screen and (max-width:324px){
a:link {
    color: #14356E;
    font-family: prentonproprmed;
    text-decoration: none;
    }
a:hover {
    color: #A23D3F;
    font-family: prentonproprmed;
    text-decoration: none;
    }
.photo {
    font-family: "PrentonRPProLight Regular";
    font-size: 18px;
    z-index: 21;
    position: fixed;
    top: 7px;
}
.res {
    font-size: 26px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    top: 16px;
    position: fixed;
    z-index: 100;
    width: 93%;
}
.res1 {
    font-size: 26px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    opacity: 0.48;
    top: 28px;
    position: fixed;
    z-index: 90;
    width: 93%;
}
.res2 {
    font-size: 26px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    opacity: 0.3;
    top: 40px;
    position: fixed;
    z-index: 80;
}
.res3 {
    font-size: 26px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    opacity: 0.2;
    position: fixed;
    top: 52px;
    z-index: 70;
    width: 93%;
}
.life {
    text-align: left;
    font-size: 14px;
    color: #010101;
    font-family: "PrentonRPProLight Regular";
    position: fixed;
    top: 85px;
    z-index: 21;
}
.webmend video {
    width: 88%;
    position: fixed;
    top: 119px;
    left: -2%;
}
.faded {
    font-size: small;
    position: fixed;
    top: 111px;
    left: 58%;
    color: #010101;
    font-family: prentonproprmed;
    z-index: 21;
    width: 39%;
}
.negs {
    font-size: small;
    width: 39%;
    top: 318px;
    left: 58%;
    color: #010101;
    font-family: prentonproprmed;
    position: fixed;
    z-index: 21;
}
.links {
    width: 98%;
    top: 493px;
    position: fixed;
    z-index: 21;
    font-family: prentonproprmed;
    font-size: 12px;
    left: 2%;
}
.photo {
}

}
@media screen and (min-width:324px) and (orientation:landscape) and (max-width:640px){
a:link {
    color: #14356E;
    font-family: prentonproprmed;
    text-decoration: none;
    }
a:hover {
    color: #A23D3F;
    font-family: prentonproprmed;
    text-decoration: none;
    }
.photo {
    font-family: "PrentonRPProLight Regular";
    font-size: 20px;
    z-index: 21;
    position: fixed;
    top: 7px;
    color: #000000;
}
.res {
    font-size: 33px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    top: 16px;
    position: fixed;
    z-index: 100;
    width: 93%;
}
.res1 {
    font-size: 33px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    opacity: 0.48;
    top: 28px;
    position: fixed;
    z-index: 90;
    width: 93%;
}
.res2 {
    font-size: 33px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    opacity: 0.3;
    top: 40px;
    position: fixed;
    z-index: 80;
}
.res3 {
    font-size: 33px;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    opacity: 0.2;
    position: fixed;
    top: 52px;
    z-index: 70;
    width: 93%;
}
.life {
    text-align: left;
    font-size: 18px;
    color: #010101;
    font-family: "PrentonRPProLight Regular";
    position: fixed;
    top: 85px;
    z-index: 21;
}
.webmend video {
    width: 62%;
    position: fixed;
    top: 119px;
    left: -2%;
    background-image: url(../assets/images/webmend_poster.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.faded {
    font-size: 14px;
    position: fixed;
    top: 124px;
    left: 55%;
    color: #010101;
    font-family: prentonproprmed;
    z-index: 21;
    width: 41%;
}
.negs {
    font-size: 13px;
    width: 33%;
    top: 235px;
    left: 55%;
    color: #010101;
    font-family: prentonproprmed;
    position: fixed;
    z-index: 21;
}
.links {
    width: 93%;
    top: 458px;
    position: fixed;
    z-index: 21;
    font-family: prentonproprmed;
    font-size: 15px;
    right: 6%;
    text-align: left;
}
}

@media screen and (min-width:640px) and (orientation:landscape) and (max-width:1024px){
    
a:link {
    color: #14356E;
    font-family: prentonproprmed;
    text-decoration: none;
    }
a:hover {
    color: #A23D3F;
    font-family: prentonproprmed;
    text-decoration: none;
    }
.photo {
    position: fixed;
    left: 5%;
    color: #000000;
    font-family: "PrentonRPProLight Regular";
    font-size: 2.7em;
    top: 25px;
    z-index: 44;
    width: auto;
}
.res {
    width: 90%;
    height: auto;
    position: fixed;
    padding-left: 0%;
    font-family: "PrentonRPProBlack Regular";
    color: #14356E;
    font-size: 4.3em;
    left: 5%;
    top: 44px;
    z-index: 100;
}

.res1 {
    padding-left: 0px;
    font-family: "PrentonRPProBlack Regular";
    font-size: 4.3em;
    color: #14356E;
    width: 90%;
    height: auto;
    position: fixed;
    top: 73px;
    left: 5%;
    z-index: 33;
    opacity: 0.48;
}
.res2 {
    top: 102px;
    position: fixed;
    left: 5%;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    font-size: 4.3em;
    z-index: 22;
    opacity: 0.3;
    width: 90%;
}
    .res3 {
    top: 131px;
    position: fixed;
    left: 5%;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    font-size: 4.3em;
    z-index: 11;
    opacity: 0.2;
    width: 90%;
    }

.life {
    width: auto;
    height: auto;
    position: fixed;
    left: 52px;
    top: 198px;
    color: #000000;
    font-family: "PrentonRPProLight Regular";
    font-size: 2.1em;
    z-index: 21;
}
.webmend video {
    width: 57%;
    position: fixed;
    left: -2%;
    top: 237px;
}
.faded {
    font-family: "prentonproprmed";
    color: #2e3e6c;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.154;
    position: fixed;
    left: 44%;
    top: 271px;
    text-align: left;
    right: 5%;
    width: 50%;
    height: auto;
    z-index: 21;
}
.negs {
    width: 51%;
    height: auto;
    position: fixed;
    color: #14356E;
    font-family: "prentonproprmed";
    font-size: 1.2em;
    top: 395px;
    left: 44%;
    text-align: left;
}
.links {
    position: fixed;
    left: 31%;
    top: 635px;
    z-index: 21;
    width: 61%;
    font-family: prentonproprmed;
    text-align: right;
}
    
}

@media screen and (min-width:1024px) and (orientation:landscape) and (max-width:1330px){
    
a:link {
    color: #14356E;
    font-family: prentonproprmed;
    text-decoration: none;
    }
a:hover {
    color: #A23D3F;
    font-family: prentonproprmed;
    text-decoration: none;
    }
.photo {
    width: auto;
    position: fixed;
    left: 34%;
    color: #000000;
    font-family: "PrentonRPProLight Regular";
    font-size: 3.5em;
    top: 56px;
    z-index: 44;
}
.res {
    width: auto;
    height: auto;
    position: fixed;
    padding-left: 0%;
    font-family: "PrentonRPProBlack Regular";
    color: #14356E;
    font-size: 75px;
    left: 34%;
    top: 84px;
    z-index: 1000;
}
.res1 {
    padding-left: 0px;
    font-family: "PrentonRPProBlack Regular";
    font-size: 75px;
    color: #14356E;
    width: auto;
    height: auto;
    position: fixed;
    top: 120px;
    left: 34%;
    z-index: 33;
    opacity: 0.48;
}
.res2 {
    top: 155px;
    position: fixed;
    left: 34%;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    font-size: 75px;
    z-index: 22;
    opacity: 0.3;
}
    .res3 {
    top: 191px;
    position: fixed;
    left: 34%;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    font-size: 75px;
    z-index: 11;
    opacity: 0.2;
    }
.webmend video {
    width: 43%;
    position: fixed;
    left: -2%;
    top: 110px;
    background-image: url(../assets/images/webmend_poster.png);
}
.life {
    width: auto;
    height: auto;
    position: fixed;
    left: 34%;
    top: 283px;
    color: #000000;
    font-family: "PrentonRPProLight Regular";
    font-size: 2.4em;
    z-index: 110;
}
.faded {
    font-family: "prentonproprmed";
    color: #2e3e6c;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.154;
    position: fixed;
    top: 368px;
    right: 5%;
    width: 56%;
    left: 34%;
    z-index: 25;
}
.negs {
    width: 56%;
    height: auto;
    position: fixed;
    top: 500px;
    color: #14356E;
    font-family: "prentonproprmed";
    font-size: 1.5em;
    text-align: left;
    left: 42%;
    margin-left: -8%;
    z-index: 50;
}
.links {
    position: fixed;
    top: 631px;
    text-align: left;
    left: 42%;
    z-index: 21;
    background-image: url(url);
    font-family: prentonproprmed;
}
    
}
@media screen and (min-width:1330px){
a:link {
    color: #14356E;
    font-family: prentonproprmed;
    text-decoration: none;
    }
a:hover {
    color: #A23D3F;
    font-family: prentonproprmed;
    text-decoration: none;
    }
.photo {
    width: auto;
    position: fixed;
    left: 44%;
    color: #000000;
    font-family: "PrentonRPProLight Regular";
    font-size: 4em;
    top: 49px;
    z-index: 44;
}
.res {
    width: auto;
    height: auto;
    position: fixed;
    padding-left: 0%;
    font-family: "PrentonRPProBlack Regular";
    color: #14356E;
    font-size: 5em;
    left: 44%;
    top: 85px;
    z-index: 100;
}
.res1 {
    padding-left: 0px;
    font-family: "PrentonRPProBlack Regular";
    font-size: 5em;
    color: #14356E;
    width: auto;
    height: auto;
    position: fixed;
    top: 120px;
    left: 44%;
    z-index: 33;
    opacity: 0.48;
}
.res2 {
    top: 155px;
    position: fixed;
    left: 44%;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    font-size: 5em;
    z-index: 22;
    opacity: 0.3;
}
    .res3 {
    top: 191px;
    position: fixed;
    left: 44%;
    color: #14356E;
    font-family: "PrentonRPProBlack Regular";
    font-size: 5em;
    z-index: 11;
    opacity: 0.2;
    }
.life {
    width: auto;
    height: auto;
    position: fixed;
    left: 44%;
    top: 274px;
    color: #000000;
    font-family: "PrentonRPProLight Regular";
    font-size: 2.8em;
}
.webmend video {
    width: 43%;
}
.faded {
    font-family: "prentonproprmed";
    color: #2e3e6c;
    font-size: 2.25em;
    font-weight: 400;
    line-height: 1.154;
    position: fixed;
    top: 351px;
    right: 5%;
    margin-left: 193px;
    left: 31%;
}
.negs {
    width: auto;
    height: auto;
    position: fixed;
    left: 52%;
    top: 509px;
    color: #14356E;
    font-family: "prentonproprmed";
    font-size: 1.6em;
    right: 6%;
}
.links {
    position: fixed;
    left: 44%;
    top: 650px;
    z-index: 21;
    font-family: prentonproprmed;
}
    
}