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