/* * Start Bootstrap - One Page Wonder (http://startbootstrap.com/) * Copyright 2013-2016 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) */ body { margin-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ } .header-image { display: block; width: 100%; text-align: center; background: url('../images/firestorm_background_world.png') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .headline { padding: 120px 0; } .headline h1 { font-size: 130px; background: #fff; background: rgba(255,255,255,0.9); } .headline h2 { font-size: 77px; background: #fff; background: rgba(255,255,255,0.9); } .featurette-divider { margin: 80px 0; } .featurette { overflow: hidden; } .featurette-image.pull-left { margin-right: 40px; } .featurette-image.pull-right { margin-left: 40px; } .featurette-heading { font-size: 50px; } footer { margin: 50px 0; } @media(max-width:1200px) { .headline h1 { font-size: 140px; } .headline h2 { font-size: 63px; } .featurette-divider { margin: 50px 0; } .featurette-image.pull-left { margin-right: 20px; } .featurette-image.pull-right { margin-left: 20px; } .featurette-heading { font-size: 35px; } } @media(max-width:991px) { .headline h1 { font-size: 105px; } .headline h2 { font-size: 50px; } .featurette-divider { margin: 40px 0; } .featurette-image { max-width: 50%; } .featurette-image.pull-left { margin-right: 10px; } .featurette-image.pull-right { margin-left: 10px; } .featurette-heading { font-size: 30px; } } @media(max-width:768px) { .container { margin: 0 15px; } .featurette-divider { margin: 40px 0; } .featurette-heading { font-size: 25px; } } @media(max-width:668px) { .headline h1 { font-size: 70px; } .headline h2 { font-size: 32px; } .featurette-divider { margin: 30px 0; } } @media(max-width:640px) { .headline { padding: 75px 0 25px 0; } .headline h1 { font-size: 60px; } .headline h2 { font-size: 30px; } } @media(max-width:375px) { .featurette-divider { margin: 10px 0; } .featurette-image { max-width: 100%; } .featurette-image.pull-left { margin-right: 0; margin-bottom: 10px; } .featurette-image.pull-right { margin-bottom: 10px; margin-left: 0; } } .fire_cl { color:#f9bd47; font-family: "Courier New"; } .storm_cl { color:#afc9ff; font-family: "Courier New"; } .shadow_big { text-shadow: 2px 2px 5px black; font-family: "Courier New"; } .shadow_small { text-shadow: 1px 1px black; font-family: "Courier New"; }