You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

134 lines
2.0 KiB

/*******************************
Global
*******************************/
html {
font-size: 14px;
}
/*******************************
Global
*******************************/
#home .menu .right.menu > .mobile.item {
display: none;
}
/*--------------
Masthead
---------------*/
#home .masthead {
background-image: url(images/bg.jpg);
margin: 0em;
padding: 5rem 0rem;
}
#home .masthead .column {
position: relative;
}
#home .masthead .information {
margin: 10em 1em 1em 350px;
}
#home .masthead .information p {
max-width: 600px;
}
#home .masthead .image {
position: absolute;
left: 0%;
bottom: -110px;
}
/*--------------
Ribbons
---------------*/
#home .segment h1 {
font-size: 3em;
margin-bottom: 1em;
}
#home .vertical.segment {
padding: 12rem 0rem;
}
#home .feature.segment {
margin: 0em;
padding: 6rem 0rem;
}
#home .feature.segment p {
min-height: 50px;
}
#home .selection.list {
margin: 0em -0.5em;
}
#home .logo.row {
height: 10rem;
}
/*--------------
Footer
---------------*/
#home .footer.segment {
background-color: #000000;
padding: 3rem 0rem;
}
/*******************************
Responsive
*******************************/
/* Mobile Only */
@media only screen and (max-width : 768px) {
#home .menu .right.menu > .item {
display: none;
}
#home .menu .right.menu > .mobile.item {
display: block;
}
#home .menu .right.menu > .mobile.item .menu {
left: auto;
right: 0em;
}
#home h1 {
font-size: 1.5em;
}
#home .masthead.segment .information {
margin-left: 170px;
}
#home .masthead.segment .image {
width: 170px;
}
#home .masthead.segment .button {
font-size: 1rem;
}
#home .overview .divided.grid .header .icon {
font-size: 1.5em;
}
#home .overview .divided.grid .header + p {
min-height: 0px;
}
#home .masthead.segment .column {
font-size: 0.7rem;
}
#home .masthead.segment .column p {
display: none;
}
#home .selection.list .right.floated {
display: none;
}
}