|
|
Line 3,500: |
Line 3,500: |
| | | |
| #wrapper > header p { | | #wrapper > header p { |
− | font-family: Raleway, Helvetica, sans-serif; | + | font-family: Raleway, Helvetica, sa |
− | font-size: 1em;
| + | |
− | font-weight: 200;
| + | |
− | letter-spacing: 0.1em;
| + | |
− | line-height: 2;
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 1280px) {
| + | |
− | | + | |
− | #wrapper > header {
| + | |
− | padding: 9em 0 6.25em 0 ;
| + | |
− | background-color: #4221af;
| + | |
− | background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
| + | |
− | background-size: auto, cover;
| + | |
− | background-position: center, 0% 30%;
| + | |
− | margin-bottom: -6.5em;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 980px) {
| + | |
− | | + | |
− | #wrapper > header {
| + | |
− | padding: 11em 3em 7.375em 3em ;
| + | |
− | background-size: auto, cover;
| + | |
− | background-position: center, 0% 0%;
| + | |
− | margin-bottom: -4.75em;
| + | |
− | }
| + | |
− | | + | |
− | #wrapper > header .inner {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 736px) {
| + | |
− | | + | |
− | #wrapper > header {
| + | |
− | padding: 6.5em 2em 3em 2em ;
| + | |
− | background-size: auto, 125%;
| + | |
− | margin-bottom: -2.5em;
| + | |
− | }
| + | |
− | | + | |
− | #wrapper > header h2 {
| + | |
− | font-size: 1.25em;
| + | |
− | }
| + | |
− | | + | |
− | #wrapper > header p {
| + | |
− | font-size: 0.8em;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | .wrapper {
| + | |
− | background-color: #4221af;
| + | |
− | margin: 6.5em 0;
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before, .wrapper:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before, .wrapper:after {
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-size: 100% 100%;
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | height: 6.5em;
| + | |
− | position: absolute;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before {
| + | |
− | left: 0;
| + | |
− | top: -6.5em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:after {
| + | |
− | -moz-transform: scaleY(-1);
| + | |
− | -webkit-transform: scaleY(-1);
| + | |
− | -ms-transform: scaleY(-1);
| + | |
− | transform: scaleY(-1);
| + | |
− | bottom: -6.5em;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.alt:before {
| + | |
− | -moz-transform: scaleX(-1);
| + | |
− | -webkit-transform: scaleX(-1);
| + | |
− | -ms-transform: scaleX(-1);
| + | |
− | transform: scaleX(-1);
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.alt:after {
| + | |
− | -moz-transform: scaleY(-1) scaleX(-1);
| + | |
− | -webkit-transform: scaleY(-1) scaleX(-1);
| + | |
− | -ms-transform: scaleY(-1) scaleX(-1);
| + | |
− | transform: scaleY(-1) scaleX(-1);
| + | |
− | }
| + | |
− | | + | |
− | .wrapper .inner {
| + | |
− | padding: 3em 0 1em 0 ;
| + | |
− | margin: 0 auto;
| + | |
− | width: 55em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2 {
| + | |
− | background-color: #353849;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2:before, .wrapper.style2:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3 {
| + | |
− | background-color: #3d4051;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3:before, .wrapper.style3:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4 {
| + | |
− | background-color: #454858;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4:before, .wrapper.style4:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5 {
| + | |
− | background-color: #4d5060;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5:before, .wrapper.style5:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6 {
| + | |
− | background-color: #555867;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6:before, .wrapper.style6:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight {
| + | |
− | background-color: #4c5c96;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:before, .wrapper.spotlight:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .inner {
| + | |
− | display: -moz-flex;
| + | |
− | display: -webkit-flex;
| + | |
− | display: -ms-flex;
| + | |
− | display: flex;
| + | |
− | -moz-align-items: center;
| + | |
− | -webkit-align-items: center;
| + | |
− | -ms-align-items: center;
| + | |
− | align-items: center;
| + | |
− | -moz-flex-direction: row;
| + | |
− | -webkit-flex-direction: row;
| + | |
− | -ms-flex-direction: row;
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image {
| + | |
− | border-radius: 100%;
| + | |
− | margin: 0 3em 2em 0;
| + | |
− | width: 22em;
| + | |
− | overflow: hidden;
| + | |
− | -ms-flex: 1;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image img {
| + | |
− | border-radius: 100%;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .content {
| + | |
− | width: 100%;
| + | |
− | -ms-flex: 2;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:nth-child(2n - 1) .inner {
| + | |
− | -moz-flex-direction: row-reverse;
| + | |
− | -webkit-flex-direction: row-reverse;
| + | |
− | -ms-flex-direction: row-reverse;
| + | |
− | flex-direction: row-reverse;
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:nth-child(2n - 1) .image {
| + | |
− | margin: 0 0 2em 3em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style2 {
| + | |
− | background-color: #45558d;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style2:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style2:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style3 {
| + | |
− | background-color: #3f4e85;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style3:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style3:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style4 {
| + | |
− | background-color: #39477c;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style4:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style4:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style5 {
| + | |
− | background-color: #324072;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style5:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style5:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style6 {
| + | |
− | background-color: #2d3a69;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style6:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight.style6:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
| + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 980px) {
| + | |
− | | + | |
− | .wrapper {
| + | |
− | margin: 4.75em 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before, .wrapper:after {
| + | |
− | height: 4.75em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before {
| + | |
− | top: -4.75em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:after {
| + | |
− | bottom: -4.75em;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper .inner {
| + | |
− | padding: 3em 3em 1em 3em ;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image {
| + | |
− | margin: 0 2em 2em 0;
| + | |
− | width: 32em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:nth-child(2n - 1) .image {
| + | |
− | margin: 0 0 2em 2em;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 736px) {
| + | |
− | | + | |
− | .wrapper {
| + | |
− | margin: 2.5em 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before, .wrapper:after {
| + | |
− | height: 2.5em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before {
| + | |
− | top: -2.5em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:after {
| + | |
− | bottom: -2.5em;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper .inner {
| + | |
− | padding: 2em 2em 0.1em 2em ;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .inner {
| + | |
− | -moz-align-items: -moz-flex-start;
| + | |
− | -webkit-align-items: -webkit-flex-start;
| + | |
− | -ms-align-items: -ms-flex-start;
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image {
| + | |
− | width: 19em;
| + | |
− | margin: 0 1.75em 2em 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight:nth-child(2n - 1) .image {
| + | |
− | margin: 0 0 2em 1.75em;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 640px) {
| + | |
− | | + | |
− | .wrapper.spotlight .inner {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image {
| + | |
− | margin: 0 0 1em 0 !important;
| + | |
− | max-width: 85%;
| + | |
− | width: 12em;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 360px) {
| + | |
− | | + | |
− | .wrapper .inner {
| + | |
− | padding: 2em 1.5em 0.1em 1.5em ;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | /* Footer */
| + | |
− | | + | |
− | #footer .inner {
| + | |
− | padding: 5em 0 3em 0 ;
| + | |
− | display: -moz-flex;
| + | |
− | display: -webkit-flex;
| + | |
− | display: -ms-flex;
| + | |
− | display: flex;
| + | |
− | -moz-flex-direction: row;
| + | |
− | -webkit-flex-direction: row;
| + | |
− | -ms-flex-direction: row;
| + | |
− | flex-direction: row;
| + | |
− | -moz-flex-wrap: wrap;
| + | |
− | -webkit-flex-wrap: wrap;
| + | |
− | -ms-flex-wrap: wrap;
| + | |
− | flex-wrap: wrap;
| + | |
− | margin: 0 auto;
| + | |
− | width: 55em;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner > * {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner form {
| + | |
− | margin: 0 3em 0 0;
| + | |
− | width: calc(50% - 1.5em);
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .contact {
| + | |
− | width: calc(50% - 1.5em);
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright {
| + | |
− | border-top: solid 2px rgba(255, 255, 255, 0.125);
| + | |
− | list-style: none;
| + | |
− | margin: 4em 0 2em 0;
| + | |
− | padding: 2em 0 0 0;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright li {
| + | |
− | border-left: solid 2px rgba(255, 255, 255, 0.125);
| + | |
− | color: rgba(255, 255, 255, 0.35);
| + | |
− | display: inline-block;
| + | |
− | font-size: 0.9em;
| + | |
− | line-height: 1;
| + | |
− | margin-left: 1em;
| + | |
− | padding: 0;
| + | |
− | padding-left: 1em;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright li:first-child {
| + | |
− | border-left: 0;
| + | |
− | margin-left: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright li a {
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 1280px) {
| + | |
− | | + | |
− | #footer {
| + | |
− | background-color: #4221af;
| + | |
− | background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
| + | |
− | background-size: auto, cover;
| + | |
− | background-position: center, center;
| + | |
− | margin-top: -6.5em;
| + | |
− | padding-top: 6.5em;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 980px) {
| + | |
− | | + | |
− | #footer {
| + | |
− | margin-top: -4.75em;
| + | |
− | padding-top: 4.75em;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner {
| + | |
− | padding: 3em 3em 1em 3em ;
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner form {
| + | |
− | width: 100%;
| + | |
− | margin: 0 0 4em 0;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .contact {
| + | |
− | width: 100%;
| + | |
− | margin: 0 0 4em 0;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright {
| + | |
− | margin: 4em 0 2em 0;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 736px) {
| + | |
− | | + | |
− | #footer {
| + | |
− | margin-top: -2.5em;
| + | |
− | padding-top: 2.5em;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner {
| + | |
− | padding: 2em 2em 0.1em 2em ;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner form {
| + | |
− | margin: 0 0 3em 0;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .contact {
| + | |
− | margin: 0 0 3em 0;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 640px) {
| + | |
− | | + | |
− | #footer .inner .copyright li {
| + | |
− | border-left: 0;
| + | |
− | display: block;
| + | |
− | margin: 1em 0 0 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright li:first-child {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 360px) {
| + | |
− | | + | |
− | #footer .inner {
| + | |
− | padding: 2em 1.5em 0.1em 1.5em ;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | </style>
| + | |
− | <style>
| + | |
− | /*
| + | |
− | Solid State by HTML5 UP
| + | |
− | html5up.net | @ajlkn
| + | |
− | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
| + | |
− | */
| + | |
− | | + | |
− | /* Basic */
| + | |
− | | + | |
− | body {
| + | |
− | background-color: #4221af;
| + | |
− | background-image: url("../../images/bg.jpg");
| + | |
− | background-size: cover;
| + | |
− | background-attachment: fixed;
| + | |
− | background-position: center;
| + | |
− | }
| + | |
− | | + | |
− | body:before {
| + | |
− | background: rgba(46, 49, 65, 0.8);
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | height: 100%;
| + | |
− | left: 0;
| + | |
− | position: fixed;
| + | |
− | top: 0;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | body > * {
| + | |
− | position: relative;
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
− | | + | |
− | /* Features */
| + | |
− | | + | |
− | .features article {
| + | |
− | display: inline-block;
| + | |
− | width: 45%;
| + | |
− | }
| + | |
− | | + | |
− | /* Menu */
| + | |
− | | + | |
− | #menu .inner {
| + | |
− | margin: 4em auto;
| + | |
− | }
| + | |
− | | + | |
− | /* Wrapper */
| + | |
− | | + | |
− | #wrapper > header {
| + | |
− | background: none !important;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .inner {
| + | |
− | text-align: left !important;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image {
| + | |
− | display: inline-block;
| + | |
− | margin: 0 3em 2em 0 !important;
| + | |
− | vertical-align: middle;
| + | |
− | width: 24%;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .content {
| + | |
− | display: inline-block;
| + | |
− | vertical-align: middle;
| + | |
− | width: 70%;
| + | |
− | }
| + | |
− | | + | |
− | /* Banner */
| + | |
− | | + | |
− | #banner {
| + | |
− | background: none !important;
| + | |
− | }
| + | |
− | | + | |
− | /* Footer */
| + | |
− | | + | |
− | #footer {
| + | |
− | background: none !important;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner form {
| + | |
− | display: inline-block;
| + | |
− | width: 45%;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .contact {
| + | |
− | display: inline-block;
| + | |
− | width: 45%;
| + | |
− | }
| + | |
− | </style>
| + | |
− | <style>
| + | |
− | /*
| + | |
− | Solid State by HTML5 UP
| + | |
− | html5up.net | @ajlkn
| + | |
− | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
| + | |
− | */
| + | |
− | | + | |
− | /* Basic */
| + | |
− | | + | |
− | body {
| + | |
− | -ms-behavior: url("assets/js/backgroundsize.min.htc");
| + | |
− | }
| + | |
− | | + | |
− | /* Type */
| + | |
− | | + | |
− | h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
| + | |
− | border-bottom: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | blockquote {
| + | |
− | border-left: solid 4px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | code {
| + | |
− | border: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | hr {
| + | |
− | border-bottom: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | /* Button */
| + | |
− | | + | |
− | input[type="submit"],
| + | |
− | input[type="reset"],
| + | |
− | input[type="button"],
| + | |
− | button,
| + | |
− | .button {
| + | |
− | position: relative;
| + | |
− | -ms-behavior: url("assets/js/ie/PIE.htc");
| + | |
− | border: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | input[type="submit"].special,
| + | |
− | input[type="reset"].special,
| + | |
− | input[type="button"].special,
| + | |
− | button.special,
| + | |
− | .button.special {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | | + | |
− | /* Form */
| + | |
− | | + | |
− | input[type="text"],
| + | |
− | input[type="password"],
| + | |
− | input[type="email"],
| + | |
− | input[type="tel"],
| + | |
− | select,
| + | |
− | textarea {
| + | |
− | position: relative;
| + | |
− | -ms-behavior: url("assets/js/ie/PIE.htc");
| + | |
− | background: transparent;
| + | |
− | border: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | /* Table */
| + | |
− | | + | |
− | table tbody tr {
| + | |
− | border: solid 1px #ffffff;
| + | |
− | border-left: 0;
| + | |
− | border-right: 0;
| + | |
− | }
| + | |
− | | + | |
− | table.alt tbody tr td {
| + | |
− | border: solid 1px #ffffff;
| + | |
− | border-left-width: 0;
| + | |
− | border-top-width: 0;
| + | |
− | }
| + | |
− | | + | |
− | table.alt tbody tr td:first-child {
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− | | + | |
− | table.alt tbody tr:first-child td {
| + | |
− | border-top-width: 1px;
| + | |
− | }
| + | |
− | | + | |
− | table.alt thead {
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− | | + | |
− | table.alt tfoot {
| + | |
− | border-top: 0;
| + | |
− | }
| + | |
− | | + | |
− | /* Features */
| + | |
− | | + | |
− | .features article {
| + | |
− | -ms-behavior: url("assets/js/ie/PIE.htc");
| + | |
− | position: relative;
| + | |
− | width: 44%;
| + | |
− | }
| + | |
− | | + | |
− | .features article .image {
| + | |
− | margin-top: 0;
| + | |
− | margin-left: 0;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | /* Menu */
| + | |
− | | + | |
− | #menu {
| + | |
− | background: #4221af;
| + | |
− | }
| + | |
− | | + | |
− | #menu h2 {
| + | |
− | border-bottom: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | /* Header */
| + | |
− | | + | |
− | #header {
| + | |
− | background-color: #353849;
| + | |
− | }
| + | |
− | | + | |
− | /* Wrapper */
| + | |
− | | + | |
− | .wrapper {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before, .wrapper:after {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image {
| + | |
− | -ms-behavior: url("assets/js/ie/PIE.htc");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.spotlight .image img {
| + | |
− | position: relative;
| + | |
− | -ms-behavior: url("assets/js/ie/PIE.htc");
| + | |
− | }
| + | |
− | | + | |
− | /* Banner */
| + | |
− | | + | |
− | #banner .logo .icon {
| + | |
− | border: solid 2px #ffffff;
| + | |
− | -ms-behavior: url("assets/js/ie/PIE.htc");
| + | |
− | }
| + | |
− | | + | |
− | #banner h2 {
| + | |
− | border-bottom: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | /* Footer */
| + | |
− | | + | |
− | #footer .inner .copyright {
| + | |
− | border-top: solid 2px #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | #footer .inner .copyright li {
| + | |
− | border-left: solid 2px #ffffff;
| + | |
− | }
| + | |
− | </style>
| + | |
− | | + | |
− | </body>
| + | |
− | </html>
| + | |