/* CSS Document */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

html, body{width: 100%; min-height:100%; display: block; padding: 0; font-weight: 300;
font-family:'Saira', sans-serif; font-size: 16px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
body{ background: rgb(228,207,11);
    background: -moz-linear-gradient(top, rgba(228,207,11,1) 0%, rgba(255,235,104,1) 79%, rgba(255,235,104,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,207,11,1)), color-stop(79%,rgba(255,235,104,1)), color-stop(100%,rgba(255,235,104,1)));
    background: -webkit-linear-gradient(top, rgba(228,207,11,1) 0%,rgba(255,235,104,1) 79%,rgba(255,235,104,1) 100%);
    background: -o-linear-gradient(top, rgba(228,207,11,1) 0%,rgba(255,235,104,1) 79%,rgba(255,235,104,1) 100%);
    background: -ms-linear-gradient(top, rgba(228,207,11,1) 0%,rgba(255,235,104,1) 79%,rgba(255,235,104,1) 100%);
    background: linear-gradient(to bottom, rgba(228,207,11,1) 0%,rgba(255,235,104,1) 79%,rgba(255,235,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4cf0b', endColorstr='#ffeb68',GradientType=0 ); 

}

a{color: black;}
.img-responsive{margin: auto;}
header.container-fluid{   
    color: white;
    text-align: center;
	width:100%; 
	}
.logo-bar{ text-align: center;
	 width: 100%;
	 padding:0;
	float:left; margin: 0;
	color: black;
    z-index: 9;
}
main{text-align: center; font-size: 1.15rem;}
#logo{ 
    margin: auto;
    display: inline-block;}
.logo-img{    margin: 10px auto; max-width: 90%; }

h3, h2{ text-align: center; font-weight: 600; font-size: 2rem;}
h3 small{color: black;}
footer{display: none;}
.mobile footer{position: fixed;
        color:white;
        font-size: 1.2rem;
	margin: 0;
	display: inline-block;
    width: 100%;
    height: 50px;
    background-color: black;
    bottom: 0; left: 0;}
footer a{margin:auto; width: 25%; float: left;}
	footer a:hover{background-color: #333333;}
	footer .img-responsive{margin:10px auto; max-height: 30px;}
.insta-img{padding:5px;}

@media screen and (min-width:768px){
body{
	font-size: 16px;
    min-height: 100%;
    background:url(../images/crazy_web.jpg)  no-repeat top right fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
        background-color: rgba(228,207,11,1);
        margin-left: 80px;}
body.mobile{ background:rgba(228,207,11,1); }
header{max-width:90%; float:left; background-color: transparent; padding-bottom: 0px;}  
    #logo{
       float:left; margin: 0 0 15px 0;
        color: white;
        font-weight: 300; font-style: italic;
       width: 400px;
     }
.add-bar{ color: black; left; clear: both;  width: 100%;
    margin: 15px auto;
}
.logo-bg{background-color: black;
     padding: 10px;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);}
.logo-img{margin: 20px; max-width: 90%;}
.top-bar{
        position: absolute; float: right; right: 0; margin: 10px 0px;
      }
    .top-bar img{max-width: 80%;}
    
    section{margin-top:20px;}
	main{max-width:70%; float:left;  }
	.maintext, .maintext h2, .maintext h3{text-align: center;}
    #sidestars{position: absolute; left: -300px; top: 450px; 
      -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);}
}
@media screen and (min-width:768px) and (max-width:1050px){ 
    main.container-fluid{margin-left: -60px; max-width: 70%;} 
    #sidestars{    width: 65%;}
}
@media screen and (max-width:768px){
    .footeraddr{margin:30px auto 70px;}
    .logo-bg{    padding: 10px;    background-color: black;}
    .add-bar{margin-top: 10px;}
	.instagram{padding-bottom: 80px;}
    main.container-fluid{margin-left: auto;}

}