@import url(http://fonts.googleapis.com/css?family=Raleway);

html {
  overflow-y: scroll;
}
 

body {
    position:relative;
    color: #333;
    font-family:Raleway, Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:1.6em;
    margin:0;
    padding:0;
}


#wrapper { 
  position: fixed;
  width:100%;
  height:100%;
  background: url(images/surf_background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
  text-align:center;
}

/*
#box {
    max-width: 800px;
    height: 630px;
    margin: auto;
    padding: 30px 0 30px 30px;
    text-align:center;
}

#box img {
    float:left;
    display:block;
    margin: 60px 0 40px 260px;
}


#info {
    margin-left: 314px;
    text-align:center;
}*/

#box img {
    margin: 30px;
    max-width:80%;
    height:auto;
}

.info {
    margin: 0 auto;
}

.info {
    margin: 0 auto 20px auto;
    background-color: rgba(255, 255, 255, 0.8) !important;
    padding: 20px;
}

a {
    color: #22669b;
    text-decoration:underline;
    cursor:pointer;
    border:none;
    outline:0;
    outline:none;
    outline-color:#fff;
}

a img {
    border:none;
}

H1 {
    font-size:20px;
    font-weight:normal;
    color:#E40615;
    margin: 10px 0;
    width:100%;
    display:block;
    line-height:1.3em;
}

H2, H3 {
    font-size:20px;
    color:#22669B;
    margin: 0 0 10px 0;
    font-weight:normal;
}

#info {
    text-align:center;
}

.info {
    text-align:center;
    margin: 0 auto 20px auto;
    width: auto;
    max-width:530px;
}


H2.alignleft {
    line-height:1.4em;
}

H3.alignleft{
    line-height:1.4em;
}

H2 a, 
H3 a {
    text-decoration:none;
    color:#E40615;
}


H4,
H5,
H6 {
    color: #333;
    font-size:12px;
}



.clear {
    clear:both;
    float:none;
}



#footer {text-align:center;color:#fff;font-size:11px;position:fixed;bottom:10px;width:100%;text-shadow: 1px 2px #333333;}
#footer a {color:#fff;text-decoration:none;}





*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



/* Buttons styles */
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="submit"].btn,
button.btn {
    cursor: pointer;
}

a.btn,.btn {
  margin-right: 1em; /* remove this while use*/
  margin-bottom: 1em; /* remove this while use*/
    display: inline-block;
    outline: none;
    *zoom: 1;
    text-align: center;
    text-decoration: none;
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 1px;
    vertical-align: middle;
    border: 1px solid #07BBE1;
    transition: all 0.2s ease;
    box-sizing: border-box;
    text-shadow: 0 1px 0 rgba(0,0,0,0.01);
    background: #07BBE1;
    color:#fff;
}
/* Radius */
.btn-radius {
  border-radius: 3px;
}

/* Sizes */
.btn-small {
    font-size: 0.8125em;
    padding: 0.4125em 1.25em;
}
.btn-medium {
    font-size: 0.9375em;
    padding: 0.5375em 1.375em;
}
.btn-large {
    font-size: 1.0625em;
    padding: 0.5625em 1.5em;
}



.btn-blue:hover {
  background: #4682B4;
  color: #fff;
  border-color: #4682B4;        
}










/* media queries */

@media only screen and (min-width: 1170px) {
   
}

@media screen and (max-width: 1024px) {

}

@media only screen and (max-width: 768px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {
    
}