180 lines
1.6 KiB
SCSS
180 lines
1.6 KiB
SCSS
$baseFontSize : 16px;
|
|
$importantModNum : 20px;
|
|
$headerFontFamily : 'OpenSansRegular','helvetica', 'san-serif';
|
|
$headerFontWeight : bold;
|
|
$ratio : 1.35;
|
|
|
|
@import "compass";
|
|
@import "foundation";
|
|
a:hover{
|
|
color:#8dbe42;
|
|
|
|
}
|
|
.bottom{
|
|
|
|
a{
|
|
|
|
color:white;
|
|
text-decoration:none;
|
|
|
|
|
|
}
|
|
float:right;
|
|
text-align:right;
|
|
|
|
}
|
|
|
|
.blog{
|
|
|
|
display:inline-block;
|
|
padding:10px 20px;
|
|
background:#ff0000;
|
|
}
|
|
|
|
.contact{
|
|
display:inline-block;
|
|
padding:10px;
|
|
}
|
|
|
|
|
|
|
|
h3{
|
|
font-size:16px;
|
|
font-weight:normal;
|
|
font-family : 'OpenSansRegular','helvetica', 'san-serif';
|
|
color:black;
|
|
|
|
}
|
|
.row{
|
|
|
|
width:100%;
|
|
|
|
clear:both;
|
|
|
|
.columns{
|
|
border:5px solid white;
|
|
margin-bottom:1em;
|
|
img{
|
|
margin-bottom:1em;
|
|
}
|
|
.comming_soon{
|
|
display:none;
|
|
position:absolute;
|
|
bottom:-2em;
|
|
right:0px;
|
|
|
|
}
|
|
|
|
&:hover{
|
|
border:5px solid #8dbe42;
|
|
.comming_soon{
|
|
display:block;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body{
|
|
font-family : 'OpenSansRegular','helvetica', 'san-serif';
|
|
|
|
color:#333333;
|
|
font-size:100px !important;
|
|
|
|
|
|
|
|
#top_anchor{
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
display:none;
|
|
}
|
|
|
|
|
|
#logo{
|
|
width:120px;
|
|
margin:1em;
|
|
}
|
|
|
|
|
|
.logo{
|
|
|
|
float:left;
|
|
}
|
|
.create_simple{
|
|
width:60%;
|
|
float:right;
|
|
background:#8dbe42;
|
|
text-align:right;
|
|
img{
|
|
margin: 5em 1em 1em 1em;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
h3{
|
|
|
|
a{
|
|
color:#313232;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1000px){
|
|
.bottom{
|
|
position:relative;
|
|
top:-3em;
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1300px){
|
|
.bottom{
|
|
position:relative;
|
|
top:-5em;
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 767px){
|
|
.logo, .create_simple{
|
|
float:none;
|
|
text-align:center !important;
|
|
width:100% !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
.create_simple img{
|
|
margin-top:0.6em !important;
|
|
margin:0.3em !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|