/*******************************
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; }
}