Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- margin: 0;
- padding: 0;
- list-style: none;
- text-decoration: none;
- }
- .header{
- width: 101%;
- height: 80px;
- display: block;
- background-color:white;
- /* position: absolute; */
- }
- .header1{
- background-color: #8B8970;
- }
- .fa {
- padding: 5px;
- font-size: 20px;
- width: 20px;
- text-align: center;
- text-decoration: none;
- margin: 2px 2px;
- height: 30px;
- }
- .fa-facebook , .fa-twitter ,.fa-instagram {
- color: white;
- }
- .inner_header{
- width: 100%;
- height: 100%;
- display: block;
- /* margin: 0 auto; */
- /* background-color: red; */
- }
- .logo_container{
- height: 100%;
- display: table;
- float: left;
- }
- .logo_container h1{
- color: #770000;
- height: 100%;
- display: table-cell;
- vertical-align: middle;
- font-family: 'Dancing Script';
- font-size: 50px;
- font-weight: 200px;
- }
- .logo_container h1 span{
- font-weight: bold;
- }
- .navigation{
- float: right;
- height: 100%;
- }
- .navigation a{
- height: 100%;
- display: table;
- float: left;
- padding: 0px 20px;
- }
- .navigation a :last-child{
- padding-right: 0;
- }
- .navigation a li{
- display: table-cell;
- vertical-align: middle;
- height: 100%;
- color:#770000;
- font-family: 'Montserrat';
- font-size: 16px;
- }
- #header11 {
- width: 100%;
- }
- /* FOOTER */
- .footer{
- margin-top: 40px;
- width: 100vw;
- display: block;
- padding: 20px 0;
- box-sizing: border-box;
- background-color: #8B8970;
- height: 32%;
- }
- .inner_footer{
- display: flex;
- justify-content: space-around;
- margin: 0 auto;
- width: 1100px;
- height: 100%;
- font-family: "Montserrat";
- font-size: 15px;
- color: white;
- }
- .inner_footer .footer_third a {
- display: block;
- margin-top: 5px;
- color: white;
- }
- .footer{
- margin-top: 40px;
- width: 100vw;
- display: block;
- padding: 20px 0;
- box-sizing: border-box;
- background-color: #8B8970;
- height: 32%;
- }
- .inner_footer{
- display: flex;
- justify-content: space-around;
- margin: 0 auto;
- width: 1100px;
- height: 100%;
- font-family: "Montserrat";
- font-size: 15px;
- color: white;
- }
- .inner_footer .footer_third a {
- display: block;
- margin-top: 5px;
- color: white;
- }
- .content {
- font-family: 'Bebas Neue', cursive;
- }
- .bg-image {
- /* The image used */
- background-image: url("page2bg.jpg");
- /* Add the blur effect */
- filter: blur(8px);
- -webkit-filter: blur(8px);
- /* Full height */
- height: 120%;
- /* Center and scale the image nicely */
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center center;
- }
- .quotesau {
- font-size: 160%;
- background-color: rgb(0,0,0); /* Fallback color */
- background-color: rgba(61, 53, 53, 0.4); /* Black w/opacity/see-through */
- color: white;
- border: 3px solid #f1f1f1;
- position: absolute;
- top: 25%;
- left: 50%;
- transform: translate(-50%, -50%);
- z-index: 2;
- width: 50%;
- padding: 20px;
- text-align: center;
- }
- .ex {
- display: inline-block;
- margin-left: 30px;
- }
- .bottom {
- position: absolute;
- display: flex;
- justify-content: space-around;
- top: 50%;
- }
- #get-plan {
- font-size: 160%;
- width: 10%;
- height: 10%;
- font-family: 'Bebas Neue', cursive;
- position: absolute;
- top: 110%;
- right: 47%;
- color: white;
- border-radius: 25px;
- background-color: rgb(0,0,0); /* Fallback color */
- background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
- border: 3px solid #f1f1f1;
- cursor: pointer;
- }
- #get-plan:hover, .banner:hover {
- background-color: white;
- color: black;
- }
- .banner {
- padding-top: 10px;
- padding-bottom: 10px;
- font-size: 140%;
- background-color: rgb(0,0,0); /* Fallback color */
- background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
- color: white;
- border: 3px solid #f1f1f1;
- text-align: center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement