|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <style>
| |
| | | | |
| − |
| |
| − |
| |
| − | .Overview {
| |
| − | display:table;
| |
| − | }
| |
| − |
| |
| − | .Overview-Top {
| |
| − | text-align:center !important;
| |
| − | width:100%;
| |
| − | margin-top:0rem;
| |
| − | margin-bottom:2rem;
| |
| − | padding-left:2rem;
| |
| − | padding-right:2rem;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .Overview-Left-Arrow {
| |
| − | padding-top:1.75rem;
| |
| − | width:15%;
| |
| − | float:left;
| |
| − | margin:0;
| |
| − | padding-top:2.5rem;
| |
| − | padding-left:1rem;
| |
| − | }
| |
| − |
| |
| − | .Overview-Left-Arrow a {
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | .Overview-Left-Arrow img {
| |
| − | width:100%;
| |
| − | margin:0;
| |
| − | }
| |
| − |
| |
| − | .Overview-Left-Arrow a img:hover {
| |
| − | background-color:#66bc47;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .Overview-Center {
| |
| − | width:70%;
| |
| − | float:left;
| |
| − | margin:0;
| |
| − | }
| |
| − |
| |
| − | Overview-Center h1 {
| |
| − | margin-top:0rem;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .Overview-Right-Arrow {
| |
| − | padding-top:1.75rem;
| |
| − | width:15%;
| |
| − | float:right;
| |
| − | margin:0;
| |
| − | padding-top:2.5rem;
| |
| − | padding-left:1rem;
| |
| − | }
| |
| − |
| |
| − | .Overview-Right-Arrow a {
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .Overview-Right-Arrow img {
| |
| − | width:100%;
| |
| − | margin:0rem;
| |
| − | }
| |
| − |
| |
| − | .Overview-Right-Arrow a img:hover {
| |
| − | background-color:#66bc47;
| |
| − | }
| |
| − |
| |
| − | .Overviewbox-Left {
| |
| − | width:50%;
| |
| − | margin-top: 4px;
| |
| − | margin-bottom: 4px;
| |
| − | font-size: 1.0rem;
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | .Overviewbox-Right {
| |
| − | width:50%;
| |
| − | margin-top: 4px;
| |
| − | margin-bottom: 4px;
| |
| − | font-size: 1.0rem;
| |
| − | float: right;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .Overviewbox {
| |
| − | width:100%;
| |
| − | margin: 0 auto;
| |
| − | text-align: center;
| |
| − | padding:2%;
| |
| − | }
| |
| − |
| |
| − | .overview-figure {
| |
| − | width:100%;
| |
| − | margin:auto;
| |
| − | }
| |
| − |
| |
| − | .Overviewbox:hover {
| |
| − | -moz-transform: scale(1.05);
| |
| − | -webkit-transform: scale(1.05);
| |
| − | -o-transform: scale(1.05);
| |
| − | transform: scale(1.05);
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*Mobile devices*/
| |
| − | @media screen and (max-width: 860px) {
| |
| − | .Overview-Top {
| |
| − | margin-top:0;
| |
| − | margin-bottom:0;
| |
| − | padding-left:0;
| |
| − | padding-right:0;
| |
| − | }
| |
| − |
| |
| − | .Overview-Desc h1 {
| |
| − | font-size:20px;
| |
| − | }
| |
| − |
| |
| − | .Overview-Left-Arrow img {
| |
| − | padding-left:4px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .Overview-Right-Arrow img {
| |
| − | padding-right:4px;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </html>
| |
