134 lines
2 KiB
CSS
134 lines
2 KiB
CSS
|
/*******************************
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
}
|