/* This page styles the top level scandiafun.com page only */

@import url("http://fonts.googleapis.com/css?family=Mouse+Memoirs");

@import url("css/reset.css");
@import url("css/media_queries.css");

@font-face {
  font-family: "RevueTL-Regular";
  src: url("../fonts/webfonts/27C405_0_0.eot");
  src: url("../fonts/webfonts/27C405_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/27C405_0_0.woff") format("woff"), url("../fonts/webfonts/27C405_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
     background-attachment: fixed;
     background-clip: border-box;
     background-color: transparent;
     background-image: url("../images/gocarts_bg_bw2.jpg");
     background-origin: padding-box;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}

body {
     font-family: 'RevueTL-Regular',arial,sans-serif;
     text-align: center;
}

div {
     margin-top: 15px;
}

div.main_link {
  
 	width: 100%;
  max-width: 600px;
  margin: 0 auto;
  
}

img {
     margin-top: 25px;
}

a {
     color: #FFFFFF;
     font-family: 'RevueTL-Regular',arial,sans-serif;
     font-size: 1.2em;
     text-decoration: none;
}

#ontario {
     border-radius: 30px;
	 background: #E81D2A\9; /* ie 7 and 8*/
     background: none repeat scroll 0% 0% rgba(255, 30, 75, 0.8);
     margin-top: 25px;
     padding: 5px 0px;
}

#victorville {
     border-radius: 30px;
	 background: #00ADEF\9;
     background: none repeat scroll 0% 0% rgba(35, 99, 219, 0.8);
     padding: 5px 0px;
}

#sacramento {
     border-radius: 30px;
	 background: #FEEB3C\9;
     background: none repeat scroll 0% 0% rgba(35, 219, 90, 0.8);
     padding: 5px 0px;
}

#ontario:hover {
     background: none repeat scroll 0% 0% #ff1e4b;
}

#sacramento:hover {
     background: none repeat scroll 0% 0% #23db5a;
}

#victorville:hover {
     background: none repeat scroll 0% 0% #2363db;
}

footer {
     color: #FFF100;
     font-family: 'Mouse Memoirs',Arial,sans-serif;
     font-size: 2.5em;
     margin-top: 50px;
     padding-bottom: 30px;
     text-shadow: -1px -1px 0px #000000, 1px -1px 0px #000000, -1px 1px 0px #000000, 1px 1px 0px #000000;
	  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#000000)";
	 }

#description {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Helvetica, Arial, Sans-serif;
    color: #000;
    text-shadow: none;
    font-size: .5em;
    width: 100%;
    opacity: 0.8;
    background: #fff;
    padding: 20px 50px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    font-size: .4em;
}

#description h1 {
    font-family: RevueTL-Regular;
    font-size: 1.2em;
    margin-bottom: 10px;
    color: #f00;
}



@media (max-width: 604px) {
 
    .hideForMobile {
        visibility:hidden;   
    }
    
    a {
        font-size: 1em;   
    }
    
    img {
        width: 80%;
        max-width: 80%;
        min-width: 80%;
        margin-top: 10px;
    }
    
    div {
        margin-top: 8px;   
    }
    
    footer {
        margin-top: 25px;   
    }
    
    #description {
        padding: 10px;
            margin-top: 20px;
    }
    
}