/* Page CSS */
#banner{padding:5%;height:800px;padding-bottom:50px}#banner_title{padding-top:10px;border:6px solid #fff;width:440px;height:610px;position:absolute;margin:0px auto;top:100px;right:0px;bottom:0px;left:0}#banner_title h1{letter-spacing:8px}#banner_title h1.title1{font-size:1rem;line-height:0em}#banner_title h1.title2{font-size:3.5rem;line-height:1.1em}#banner_title h1.title3{font-size:.9rem;line-height:1.6em;letter-spacing:5px;font-family:"Open Sans",sans-serif;font-weight:700}#banner_title h1.title4{font-size:.9rem;line-height:1.6em;letter-spacing:5px;font-family:"Open Sans",sans-serif;font-weight:700}.margin-div{margin-top:30px}figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-height:412px;width:48%;background:#3085a3;text-align:center;cursor:pointer}figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.45rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}figure figcaption::before,.grid figure figcaption::after{pointer-events:none}figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}figure h2{font-weight:300;text-align:center;font-family:"Oswald",sans-serif;letter-spacing:3px;line-height:1.1em}figure h2 span{font-weight:400}figure h3{word-spacing:.15em;font-weight:400}figure h2,.grid figure h3,.grid figure p{margin:0}figure p{letter-spacing:1px;font-size:64.5%}figure.effect-ruby{background-color:#464646}figure.effect-ruby img{opacity:.7;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.15);transform:scale(1.15);margin:0 auto}figure.effect-ruby:hover img{opacity:.4;-webkit-transform:scale(1.25);transform:scale(1.25)}figure.effect-ruby h2{margin-top:10%;color:#fff;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}figure.effect-ruby h3{margin-top:2%;color:#fff;text-align:center;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}figure.effect-ruby p{margin:1em auto;padding:.4em;border:1px solid #fff;opacity:0;color:#fff;width:30%;background-color:none;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0, 20px, 0) scale(1.1);transform:translate3d(0, 20px, 0) scale(1.1)}figure.effect-ruby:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}figure.effect-ruby:hover h3{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}figure.effect-ruby p:hover{margin:1em auto;padding:.4em;color:#fff;width:30%;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0, 20px, 0) scale(1.1);transform:translate3d(0, 20px, 0) scale(1.1)}figure.effect-ruby:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}figure.effect-ruby:hover h3{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1.1);transform:translate3d(0, 0, 0) scale(1.1)}@media only screen and (max-width: 1921px){figure{margin-bottom:20px;max-height:400px}figure.effect-ruby h2{margin-top:5%;font-size:3rem}figure.effect-ruby h3{font-size:1.5rem;margin-top:3%}figure.effect-ruby p{font-size:1rem}}@media only screen and (max-width: 1500px){#banner_title{padding-top:20px}}@media only screen and (max-width: 1200px){figure.effect-ruby h2{margin-top:4%;font-size:2.8rem}figure.effect-ruby h3{font-size:1rem;margin-top:2.5%}figure.effect-ruby p{font-size:1rem;width:40%}figure.effect-ruby p:hover{width:40%}#banner_title{padding-top:70px}}@media only screen and (max-width: 1024px){#banner_title{top:150px}}@media only screen and (max-width: 950px){figure.effect-ruby h2{margin-top:4%;font-size:2.4rem}figure.effect-ruby h3{font-size:1rem;margin-top:2.5%}figure.effect-ruby p{font-size:.9rem;width:40%}figure.effect-ruby p:hover{width:40%}#banner_title{padding-top:100px}}@media only screen and (max-width: 768px){figure.effect-ruby h2{margin-top:5%;font-size:3.2rem;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}figure.effect-ruby h3{font-size:1.5rem;margin-top:3%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}figure.effect-ruby p{font-size:1.1rem;opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-height:300;width:100%;background:#3085a3;text-align:center;cursor:pointer}}@media only screen and (max-width: 550px){#banner_title h1.title1{font-size:.7rem;line-height:0em}#banner_title h1.title2{font-size:3.5rem;letter-spacing:15px;line-height:1.1em}#banner_title h1.title3{font-size:.6rem}#banner_title h1.title4{font-size:.6rem}#banner{height:500px}}@media only screen and (max-width: 550px){figure{min-width:270px}figure.effect-ruby h2{margin-top:2%;font-size:2.8rem}figure.effect-ruby p{width:40%}#banner_title{width:80%;padding-top:0px;top:90px;height:440px}}@media only screen and (max-width: 460px){figure.effect-ruby h2{margin-top:3%;font-size:2.7rem}figure.effect-ruby p{width:40%}}@media only screen and (max-width: 400px){figure.effect-ruby h2{margin-top:3%;font-size:2rem}figure.effect-ruby h3{font-size:1.3rem;margin-top:2%}figure.effect-ruby p{font-size:.9rem}figure{max-height:200px}}@media only screen and (max-width: 350px){figure.effect-ruby h2{margin-top:2%;font-size:1.6rem}figure.effect-ruby h3{font-size:1.1rem;margin-top:2%}figure.effect-ruby p{font-size:.9rem}figure{max-height:200px}}@media only screen and (max-width: 550px){figure{max-height:205px}}@media only screen and (max-width: 460px){figure{max-height:195px}}@media only screen and (max-width: 360px){figure{max-height:175px}}