Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-family: 'Montserrat', sans-serif;
- box-sizing: border-box;
- }
- *, *::before, *::after {
- box-sizing: inherit;
- }
- h1 {
- font-size: 40px;
- color: white;
- font-family: Droid Serif;
- text-align: center;
- }
- h2 {
- color: white;
- padding: 0px 0px 2px;
- font-size: 72px;
- margin-top: 0;
- }
- h3 {
- font-size: 39px;
- text-transform: uppercase;
- padding: 70px 0 0;
- margin-bottom: -7px;
- }
- h4 {
- padding-top: 200px;
- font-size: 38px;
- text-transform: uppercase;
- margin-bottom: -11px;
- padding: 69px 0 3px;
- letter-spacing: 0px;
- margin-right: 0px;
- }
- p {
- font-size: 16px;
- color: #777777;
- }
- section .grey-text {
- font-size: 14px;
- margin-top: 8px;
- }
- section {
- text-align: center;
- padding-bottom: 100px;
- }
- section .inner-wrapper > p {
- overflow: hidden;
- font-style: italic;
- }
- section .grey-italic {
- font-size: 16px;
- font-family: Droid Serif;
- font-style: italic;
- }
- section .grey-roboto {
- font-family: 'Roboto Slab', sans-serif;
- font-size: 14px;
- margin-top: 13px;
- }
- a {
- color: inherit;
- }
- nav {
- float: right;
- text-transform: uppercase;
- color: white;
- padding: 0;
- display: inline-block;
- left: 0;
- right: 0;
- top: 100%;
- }
- nav a {
- font-size: 14px;
- margin-left: 40px;
- text-decoration: none;
- transition: 1s padding;
- display: block;
- padding: 25px 0;
- }
- img {
- padding-top: 0px;
- object-fit: cover;
- border-style: none;
- }
- section .final-grey-text {
- font-family: 'Roboto Slab', sans-serif;
- font-size: 16px;
- margin-top: -112px;
- }
- img {
- max-width: 100%
- }
- .header {
- font-size: 18px;
- color: #2b2b2b;
- text-transform: uppercase;
- color: black;
- text-transform: none;
- font-weight: bold;
- }
- .page-header {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- transition: 1s background-color;
- }
- .past-main {
- background-color: #222;
- }
- .past-main .logo {
- padding: 18px 0;
- }
- .past-main nav a {
- padding: 22px 0;
- }
- .logo {
- float: left;
- margin-left: 7px;
- padding: 43px 0;
- transition: 1s padding;
- }
- .block p {
- font-family: 'Montserrat', sans-serif;
- padding: 1px;
- letter-spacing: -1px;
- }
- .inner-wrapper {
- max-width: 960px;
- margin: 0 auto;
- padding: 3px 10px;
- text-align: center;
- }
- .inner-wrapper h1 {
- font-weight: normal;
- font-style: italic;
- padding: 244px 0 0;
- letter-spacing: -1px;
- }
- .inner-wrapper h2 {
- letter-spacing: 0px;
- }
- .inner-wrapper:after {
- content: "";
- display: table;
- clear: both;
- }
- /* buttons */
- .button {
- font-size: 18px;
- color: white;
- text-decoration: none;
- text-transform: uppercase;
- background-color: #fed136;
- border: none;
- padding: 21px 50px;
- text-align: center;
- border-radius: 2px;
- display: inline-block
- margin-top: 8px;
- margin-top: -23px;
- }
- .button-round {
- padding: 40px 10px;
- display: block;
- border-radius: 50%;
- width: 168px;
- height: 168px;
- margin: 0 auto;
- margin-top: 54px;
- margin-bottom: 33px;
- border: 5px solid #f1f1f1;
- }
- .navigation-buttons {
- font-size: 14px;
- text-align: right;
- }
- /* first section */
- #first-section {
- overflow: hidden;
- height: 700px;
- padding-top: 1px;
- background: url("../images/header.jpg") no-repeat center;;
- background-size: cover;
- }
- @media only screen and (max-width: 800px) {
- #first-section h1 {
- margin-right: 0;
- float: none;
- margin: 0 auto;
- }
- }
- /* second section */
- #second-section .block {
- float: left;
- width: 310px;
- overflow: hidden;
- margin-top: 60px;
- width: 32.29%;
- margin-right: 1.5625%;
- }
- #second-section .block:nth-child(3) {
- margin-right: 0;
- }
- @media only screen and (max-width: 640px) {
- #second-section .block {
- width: 100%;
- margin-right: 0;
- }
- }
- /* third section */
- #third-section .block {
- float: left;
- width: 310px;
- overflow: hidden;
- margin-top: 41px;
- width: 30.20%;
- margin-right: 4.6875%;
- }
- #third-section .block:nth-of-type(3n+3) {
- margin-right: 0;
- }
- @media only screen and (max-width: 800px) {
- #third-section .block {
- width: 100%;
- margin-right: 0;
- }
- }
- /* fourth section */
- #fourth-section .header {
- margin:0 ;
- }
- #fourth-section .block:nth-of-type(even) .block-content{
- float: right;
- text-align: left;
- }
- #fourth-section .block:after {
- content: "";
- display: table;
- clear: both;
- }
- #fourth-section .block {
- position: relative;
- min-height: 200px;
- margin-top: 80px;
- }
- .image-wrapper {
- position: absolute;
- top: 0;
- left: 50%;
- margin-left: -93px;
- border: 5px solid #f1f1f1;
- }
- .block-content {
- float: left;
- text-align: right;
- width: calc(50% - 125px);
- }
- /* fifth - section */
- #fifth-section .block {
- float: left;
- width: 310px;
- overflow: hidden;
- width: 22.91%;
- margin-right: 15.625%;
- }
- #fifth-section .block:nth-of-type(3) {
- margin-right: auto;
- }
- @media only screen and (max-width: 800px) {
- #fifth-section .block {
- width: 250px;
- margin-right: 0;
- float: none;
- margin: 0 auto;
- }
- }
- #fifth-section .header {
- font-size: 16px;
- padding-top: 6px;
- letter-spacing: 0px;
- margin-bottom: -14px;
- }
- #fifth-section p {
- margin-bottom: 11px;
- }
- .team-images {
- overflow: hidden;
- border-radius: 50%;
- margin: 73px auto;
- height: 0;
- width: 100%;
- margin-bottom: 4px;
- padding-bottom: 100%;
- position: relative;
- }
- .team-images img {
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- }
- /* sponsors */
- .sponsors {
- display: table;
- overflow: hidden;
- margin: 0 auto;
- }
- .sponsors img {
- display: inline-block;
- margin: 25px;
- margin-top: 7px;
- width: 153px;
- height: 100%;
- margin: 12px 25px 56px;
- }
- .sponsors img:nth-of-type(3) {
- margin-right: auto;
- }
- @media only screen and (max-width: 800px) {
- .sponsors {
- text-align: center;
- }
- }
- .sponsors img {
- width: 250px;
- margin-right: 0;
- }
- /* seventh section */
- #seventh-section {
- min-height: 649px;
- padding-top: 1px;
- background: #222 url("../images/map1.png") no-repeat center right;
- overflow: hidden;
- }
- #seventh-section h3 {
- color: white;
- letter-spacing: -1px;
- margin-bottom: -3px;
- margin-top: 28px;
- }
- #seventh-section .name-email-subject input {
- font-size: 14px;
- padding-left: 16px;
- }
- #seventh-section textarea {
- font-size: 14px;
- padding: 16px;
- }
- .mail-message textarea {
- float: right;
- width: 100%;
- height: 210px;
- text-transform: uppercase;
- font-size: 18px;
- }
- .name-email-subject {
- width: 455px;
- float: left;
- font-size: 14px;
- text-decoration: bold;
- width: 47.395%;
- margin: 0 auto;
- }
- .name-email-subject input {
- display: block;
- width: 100%;
- height: 50px;
- text-transform: uppercase;
- margin-bottom: 30px;
- }
- .mail-message {
- width: 455px;
- width: 47.395%;
- display: inline-block;
- margin: 0 auto;
- }
- .mail-form {
- margin-bottom: 30px;
- margin-top: 73px;
- }
- @media only screen and (max-width: 640px) {
- .name-email-subject,
- .mail-message {
- float: none;
- width: 100%
- }
- }
- .mail-form:after {
- content: "";
- display: table;
- clear: both;
- }
- .image-wrapper {
- border-radius: 50%;
- width: 168px;
- height: 168px;
- margin: 0 auto;
- }
- .social-icons a {
- font-size: 20px;
- background-color: white;
- color: black;
- margin: auto;
- border-radius: 50%;
- border: 3px solid #111111;
- display: inline-block;
- width: 40px;
- height: 40px;
- padding: 5px;
- margin-bottom: 160px;
- }
- /* footer */
- #footer .inner-wrapper {
- position: relative;
- padding-top: 22px;
- }
- #footer p {
- position: absolute;
- left: 0;
- top: 0;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- margin-top: 34px;
- }
- #footer a {
- overflow: hidden;
- text-align: center;
- font-size: 16px;
- padding: 10px;
- background-color: black;
- color: white;
- border-radius: 50%;
- width: 40px;
- height: 40px;
- display: inline-block;
- }
- @media only screen and (max-width: 640px) {
- #footer p {
- float: none;
- width: 100%;
- position: relative;
- }
- }
- section .grey {
- font-size: 14px;
- font-family: Droid Serif;
- font-style: italic;
- letter-spacing: 0px;
- margin-top: -18px;
- padding-bottom: 21px;
- padding-right: 21px;
- }
- .block:last-of-type .image-wrapper:after {
- display: none;
- }
- .image-wrapper img {
- border-radius: 50%;
- width: 100%;
- height: 100%;
- }
- .image-wrapper:after {
- content: '';
- width: 2px;
- height: 137px;
- background-color: #f1f1f1;
- position: absolute;
- top: 100%;
- left: 50%;
- margin-left: -1px;
- }
- ul {
- list-style: none;
- display: inline-block;
- margin: 0 auto;
- }
- li {
- float: left;
- }
- .active {
- color: #fff !important;
- text-decoration: underline !important;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- ul.topnav {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background-color: #333;
- }
- ul.topnav li {float: left;}
- ul.topnav li a {
- display: inline-block;
- color: #f2f2f2;
- text-align: center;
- text-decoration: none;
- transition: 0.3s;
- font-size: 17px;
- }
- ul.topnav li a:hover {background-color: #555;}
- ul.topnav li.icon {
- display: none;
- }
- .menu-button {
- display: none;
- }
- .menu-button-nav {
- display: none;
- }
- @media only screen and (max-width: 640px) {
- .block-content {
- float: right;
- text-align: left;
- width: calc(100% - 90px);
- }
- .image-wrapper img {
- float: right;
- }
- .image-wrapper {
- float: left;
- position: initial;
- margin-left: 0;
- width: 80px;
- height: 80px;
- }
- .image-wrapper:after {
- display: none;
- }
- .inner-wrapper h2 {
- font-size: 44px;
- }
- .button {
- font-size: 12px;
- }
- .inner-wrapper h1 {
- font-size: 32px;
- }
- #first-section h1 {
- margin-bottom: 61px;
- margin-top: -39px;
- }
- h3 {
- font-size: 20px;
- }
- ul.topnav li:not(:first-child) {display: none;}
- ul.topnav li.icon {
- float: right;
- display: inline-block;
- }
- ul.topnav.responsive {position: relative;}
- ul.topnav.responsive li.icon {
- position: absolute;
- right: 0;
- top: 0;
- }
- ul.topnav.responsive li {
- float: none;
- display: inline;
- }
- ul.topnav.responsive li {
- float: none;
- display: inline;
- }
- ul.topnav.responsive li a {
- display: block;
- text-align: left;
- }
- nav {
- background-color: #33001a;
- position: absolute;
- }
- li {
- float: none;
- }
- .menu-button {
- display: inline;
- color: white;
- float: right;
- font-size: 40px;
- text-decoration: none;
- margin-top: 30px;
- }
- nav a {
- display: inline-block;
- margin: 0 auto;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement