Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .bodycontainer {
- position: relative;
- display: inline-block;
- margin-top: 140px; /* size of header */
- margin-left: 20%; /* size of side-nav */
- padding-bottom: 200px;
- background-color: #ffffff;
- float: left;
- width: 80%;
- }
- .headerimage {
- position: absolute;
- display: inline-block;
- width: 100%;
- height: 220px;
- top: 0;
- left: 0;
- }
- .headerimage img {
- width: 100%;
- height: 100%;
- }
- .innercont {
- position: relative;
- display: -webkit-flex;
- display: -webkit-box;
- display: -moz-flex;
- display: -ms-flex;
- display: flex;
- float: left;
- margin: 100px 10% 0 10%;
- width: 80%;
- }
- .section {
- position: relative;
- display: inline-block;
- float: left;
- background-color: #ffffff;
- align-items: stretch;
- }
- .section.s1 { width: 90%; }
- .section.s2 { width: 10%; }
- .section.s1 {
- padding-left: 5vw;
- }
- .section .title {
- position: relative;
- display: inline-block;
- float: left;
- width: 100%;
- margin: 40px 0 0;
- }
- .section .title h1 {
- font-size: 24px;
- font-family: sans-serif;
- font-weight: 600;
- color: #363636;
- }
- .section .body {
- position: relative;
- display: inline-block;
- float: left;
- width: 100%;
- }
- .section .body .form {
- position: relative;
- display: inline-block;
- width: 100%;
- float: left;
- }
- .section .body .form h1 {
- font-size: 20px;
- font-family: sans-serif;
- font-weight: bold;
- color: #6b6b6b;
- margin: 35px 0 17px 0 ;
- line-height: 25px;
- }
- .section .body .form h2 {
- font-size: 15px;
- font-family: sans-serif;
- font-weight: 100;
- color: #6b6b6b;
- margin: 25px 0;
- }
- .section .body .form h2 span {
- color: #ff0000;
- }
- .section .body .form form {
- position: relative;
- display: inline-block;
- float: left;
- width: 100%;
- }
- .section .body .form input {
- color: #8ec640;
- font-size: 13px;
- border: none;
- padding: 13px 5px;
- margin: 3px 0;
- background-color: #dfdfdf;
- border-radius: 2px;
- font-family: arial;
- box-sizing: border-box;
- float: left;
- width: 100%;
- }
- .section .body .form input:focus,
- .section .body .form input:valid,
- .section .body textarea:focus,
- .section .body textarea:valid {
- box-shadow: none;
- outline: none;
- background-position: 0 0;
- }
- .section .body textarea {
- float: middle;
- display: inline-block;
- resize: none;
- background-color: #dfdfdf;
- color: #8ec640;
- width: 100%;
- height: 200px;
- font-family: arial;
- font-size: 13px;
- padding: 13px 5px;
- box-sizing: border-box;
- border: 0;
- }
- .section .body .form .buttoncontainer {
- position: relative;
- display: inline-block;
- width: 100%;
- }
- .section .body .form .insubmit {
- font-size: 14px;
- float: left;
- padding: 15px 40px;
- font-family: 'Raleway';
- background-color: #8ec640;
- color: #ffffff;
- }
Advertisement
Add Comment
Please, Sign In to add comment