app/assets/stylesheets/home.scss
// Place all the styles related to the home controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.home-wrapper{
//background-color: #778899;
}
.jumbotron{
position:relative;
font-size:16px;
color:#fff;
color:rgba(255,255,255,0.75);
text-align:center;
border-radius:0;
padding-bottom:80px;
background-color: #fff;
.box-header{
text-align:center;
padding-bottom: 2cm;
width: auto;
height: 50px;
border : 1px solid transparent;
border-width:1px 0 solid black;
h4{
font-weight: 600;
font-family: "Source Sans Pro";
}
.text {
font-size:26px;
color: rgb(241,155,44);
}
}
h1{
margin-bottom:25px;
margin-top: 100px;
letter-spacing:-1px;color:#fff;
color: #333;
}
a.btn-outline{
border: 1px solid #333;
color: #333;
}
p a,.jumbotron .jumbotron-links a{
font-weight:500;
color:#fff;
}
.jumbotron-links{
margin-top:15px;
margin-bottom:0;
padding-left:0;
list-style:none;
font-size:14px;
li {
display: inline;
}
li+li{
margin-left:20px
}
}
.marketing{
margin-top: 50px;
color: #000;
h4{
font-weight: 600;
font-size: 18px;
}
p{
font-size: 16px;
}
.carousel-control {
color: rgb(241,155,44);
}
.center-aligned{
text-align: center;
}
.img-center{
display: inline-block;
margin: 5px 20px;
padding: 5px;
}
}
}