html{
    width:100%;
    height:100%;
    
    padding:0;
}

body{
    width:100%;
    height:100%;
    box-sizing: border-box;
    
    background-color:#fff;
    padding:0;
    margin:0;
    font-family: 'Mada', sans-serif;
}

section{
    
    display:inline;
    width:100%;
    box-sizing: border-box;
}

.wrapper{
    width:100%;
    height:100%;
    box-sizing: border-box;
}

.wrapper-content{
    width:100%;
    height:100%;
    padding-top:10%;
}

.header{
    float:right;
    padding:30px;
    width:100%;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    
}

.top-logo{

   width:300px;
    float:left;
    position:relative;
}

.top-logo img{
    width:100%;
}

.header .social span{
   margin-left:10px;
   font-size:20px;
   position:relative;
    float:right;
       
}

.slide{
    
    /*position:relative;
    width:100%;
    box-sizing: border-box;
    background-position:center center;
    background-size: cover;
    height:100%;
    */
    
}



.register-container{
    text-align:center;
    box-sizing: border-box;
    margin:auto;
    bottom:70px;
    position:absolute;
    width:100%;
        
}

.register-container span{
    
    color:#fff;
    width:100%;
    position:relative;
    display:inline-table;
    box-sizing: border-box;
}

.blocks{
    position:relative;
    display:inline-table;
    padding:10px;  
}

.blocks1x1{
   position:relative;
    box-sizing: border-box;
    padding:10px;
    width:100%;
    color:#fff;
    text-align:center;
    margin:auto;
}

.register{
    
    box-sizing: border-box;
    background-color:red;
    color:#fff;
    padding:10px;
    width:auto;
    position:relative;
    margin:auto;
    cursor:pointer;
    display:inline-table
}

.register:hover{
    
    box-sizing: border-box;
    background-color:#384647;
    color:#fff;
    padding:10px;
    width:auto;
    position:relative;
    margin:auto;
}

.register-mtb-low{
   box-sizing: border-box;
    background-color:red;
    color:#fff;
    background-color:#384647;
    padding:10px;
    width:auto;
    position:relative;
    margin:auto;
    cursor:pointer;
    display:inline-table 
}

.register-mtb-high{
   box-sizing: border-box;
    background-color:red;
    color:#fff;
    padding:10px;
    width:auto;
    position:relative;
    margin:auto;
    cursor:pointer;
    display:inline-table 
}

.register-trk-low{
   box-sizing: border-box;
    background-color:red;
    color:#fff;
    background-color:#384647;
    padding:10px;
    width:auto;
    position:relative;
    margin:auto;
    cursor:pointer;
    display:inline-table 
}

.register-trk-high{
   box-sizing: border-box;
    background-color:red;
    color:#fff;
    padding:10px;
    width:auto;
    position:relative;
    margin:auto;
    cursor:pointer;
    display:inline-table 
}

.gonext{
    
    width:50px;
    height:50px;
    text-align:center;
    box-sizing: border-box;
    position:absolute;
    right:30px;
    bottom:30px;
    color:#fff;
    border: 3px solid #fff;
    border-radius:50%;
    font-family: 'FontAwesome', sans-serif;
    list-style: none;
    padding-top:13px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    line-height: 15px;
    font-weight:600px;
    
}

.gonext:hover{
    
    background-color:rgba(0,0,0,.5);
    width:60px;
    height:60px;
    padding-top:18px;
    right:25px;
    bottom:25px;
    font-weight:600px;
}

.gonext-black{
    
    width:50px;
    height:50px;
    text-align:center;
    box-sizing: border-box;
    position:absolute;
    right:30px;
    bottom:30px;
    color:#666;
    border: 3px solid #666;
    border-radius:50%;
    font-family: 'FontAwesome', sans-serif;
    list-style: none;
    padding-top:13px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
    line-height: 15px;
    font-weight:600px;
}

.gonext-black:hover{
    
    background-color:rgba(0,0,0,.5);
    width:60px;
    height:60px;
    padding-top:18px;
    right:25px;
    bottom:25px;
    color:#fff;
    font-weight:600px;
}


.goup{
    
    width:50px;
    height:50px;
    text-align:center;
    box-sizing: border-box;
    position:absolute;
    right:30px;
    bottom:30px;
    color:#fff;
    border: 3px solid #fff;
    border-radius:50%;
    font-family: 'FontAwesome', sans-serif;
    list-style: none;
    padding-top:13px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
    line-height: 15px

}

.goup:hover{   
    background-color:rgba(0,0,0,.5);
    width:60px;
    height:60px;
    padding-top:18px;
    right:25px;
    bottom:25px;
}

.goup-black{
    
    width:50px;
    height:50px;
    text-align:center;
    box-sizing: border-box;
    position:absolute;
    right:30px;
    bottom:30px;
    color:#666;
    border: 3px solid #666;
    border-radius:50%;
    font-family: 'FontAwesome', sans-serif;
    list-style: none;
    padding-top:13px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
    line-height: 15px

}

.goup-black:hover{   
    background-color:rgba(0,0,0,.5);
    color:#fff;
    width:60px;
    height:60px;
    padding-top:18px;
    right:25px;
    bottom:25px;
}


#slide5-left-mosaic{
    
    background-image: url(../imgs/hiking/acores_89Q6270.jpg);
    background-position:center;
    background-size:cover
}



#slide5-right-mosaic{
    
    background-image: url(../imgs/bm/Bruno-Coelha_9880.jpg);
    background-position:center;
    background-size:cover
}

.aboutus{
   position:relative;
    width:100%;
    display:inline-block;
    box-sizing: border-box;
    background-position:center center;
    background-size: cover;
    height:auto;
    padding:20px;
    background-color:#000;
    color:#fff;
    line-height:30px 
}

.claims{
   position:relative;
    width:100%;
    display:inline-block;
    box-sizing: border-box;
    background-position:center center;
    background-size: cover;
    height:auto;
    padding:20px;
    background-color:#000;
    color:#fff;
    line-height:30px 
}

.footer{
   position:relative;
    width:100%;
    display:inline-block;
    box-sizing: border-box;
    background-position:center center;
    background-size: cover;
    height:auto;
    padding:70px;
    background-color:#000;
    color:#fff;
    line-height:35px
}

@media only screen
and (min-width : 320px)
and (max-width : 767px) 
and (orientation : portrait) {
    
    .header{
        display:none;
    }
    
    img {
    width:300px;
    margin:auto;
    display: flex; 
    }
    
    .slide{
    
    position:relative;
    width:100%;
    display:inline-grid;
    box-sizing: border-box;
    background-position:center;
    background-size: cover;
    height:100%;
    }
    
    #slide1{
    background-image: url(../imgs/bm/20171121-xxl.jpg)
    }
    
    #slide2{
        background-image: url(../imgs/hiking/GERES_TVC7680-xxl.jpg)
    }
    
    #slide3-left-mosaic{
        background-image:url(../imgs/bm/20171122-xl.jpg);
        background-position:center;
        background-size:cover
    } 
    
    #slide3-right-mosaic{
        background-image:url(../imgs/hiking/20171123-xl.jpg);
        background-position:center;
        background-size:cover
    }    
    
    .blocks{
        width:100%;
        box-sizing: border-box;
    }
    
    .blocks1x1{
        width:100%;
        box-sizing: border-box;
    }
    
    .block-container{
        box-sizing: border-box;
        width:100%;
    }
    
    .footer{
   position:relative;
    width:100%;
    display:inline-block;
    box-sizing: border-box;
    background-position:center center;
    background-size: cover;
    height:auto;
    padding:15px;
    background-color:#000;
    color:#fff;
    line-height:35px
}
    
    h2{
        font-size:30px
    }
}

@media only screen
and (min-width : 320px)
and (max-width : 767px)
and (orientation : landscape){
   
        .header{
        display:none;
    }
    
    img {
    width:300px;
    margin:auto;
    display: flex; 
    }
    
    .slide{
        position:relative;
        width:100%;
        display:block;
        box-sizing: border-box;
        background-position:center;
        background-size: cover;
        height:100%;
    }
    
    #slide1{
        background-image: url(../imgs/bm/20171121-xxl.jpg)
    }
    
    #slide2{
        background-image: url(../imgs/hiking/GERES_TVC7680-xxl.jpg)
    }
    
    #slide3-left-mosaic{
        background-image:url(../imgs/bm/20171122-xl.jpg);
        background-position:center;
        background-size:cover
    } 
    
    #slide3-right-mosaic{
        background-image:url(../imgs/hiking/20171123-xl.jpg);
        background-position:center;
        background-size:cover
    }     
    
    .blocks{
        width:100%;
        box-sizing: border-box;
    }    
    
    .blocks1x1{
        width:100%;
        box-sizing: border-box;
    }
    
    .block-container{
        box-sizing: border-box;
        width:100%;
    }
    
    .footer{
   position:relative;
    width:100%;
    display:inline-block;
    box-sizing: border-box;
    background-position:center center;
    background-size: cover;
    height:auto;
    padding:15px;
    background-color:#000;
    color:#fff;
    line-height:35px
}
    
    h2{
        font-size:30px
    }
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
    and (orientation : landscape) {
        
    .header{
        display:block;
    }
        
    .slide{
        position:relative;
        width:100%;
        display:inline-block;
        box-sizing: border-box;
        background-position:center;
        background-size: cover;
        height:100%;
    }
        
    #slide1{
        background-image: url(../imgs/bm/20171121-xxl.jpg)
    } 
        
    #slide2{
        background-image: url(../imgs/hiking/GERES_TVC7680-xxl.jpg)
    }
        
    #slide3-left-mosaic{
        background-image:url(../imgs/bm/20171122-xl.jpg);
        background-position:center;
        background-size:cover
    } 
        
    #slide3-right-mosaic{
        background-image:url(../imgs/hiking/20171123-xl.jpg);
        background-position:center;
        background-size:cover
    }         
    
    .blocks{
        width:30%;
        box-sizing: border-box;
    }    
    
    .blocks1x1{
        width:100%;
        box-sizing: border-box;
    }
    
    .block-container{
        box-sizing: border-box;
        width:100%;
    }
        
        h2{
        font-size:50px
    }
        
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
    
    .header{
        display:block;
    }
    
    .slide{
        position:relative;
        width:100%;
        display:inline-block;
        box-sizing: border-box;
        background-position:center;
        background-size: cover;
        height:100%;
    }
    
    #slide1{
        background-image: url(../imgs/bm/20171121-xl.jpg)
    }            
    
    #slide2{
        background-image: url(../imgs/hiking/GERES_TVC7680-xl.jpg)
    }
    
    #slide3-left-mosaic{
        background-image:url(../imgs/bm/20171122-xl.jpg);
        background-position:center;
        background-size:cover
    }  
    
    #slide3-right-mosaic{
        background-image:url(../imgs/hiking/20171123-xl.jpg);
        background-position:center;
        background-size:cover
    }     
    
    .blocks{
        width:100%;
        box-sizing: border-box;
    }    
    
    .blocks1x1{
        width:100%;
        box-sizing: border-box;
    }
    
    .block-container{
        box-sizing: border-box;
        width:100%;
    }
    
    h2{
        font-size:50px
    }
    
    .block-container{
    box-sizing: border-box;
    margin:auto;
    bottom:60px;
    width:100%;
} 
    
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) {
    
    .header{
        display:block;
    }
    
    .slide{
        position:relative;
        width:100%;
        display:inline-block;
        box-sizing: border-box;
        background-position:center;
        background-size: cover;
        height:100%;
    }
    
    #slide1{
        background-image: url(../imgs/bm/20171121-xxl.jpg)
    } 
    
    #slide2{
        background-image: url(../imgs/hiking/GERES_TVC7680-xxl.jpg)
    }   
    
    #slide3-left-mosaic{
        background-image:url(../imgs/bm/20171122-xxl.jpg);
        background-position:center;
        background-size:cover
    }
    
    #slide3-right-mosaic{
        background-image:url(../imgs/hiking/20171123-xxl.jpg);
        background-position:center;
        background-size:cover
    }     
    
    .blocks{
    position:relative;
    display:inline-table;
    padding:10px;
    width:30%   
}
    
   .block-container{
    box-sizing: border-box;
    margin:auto;
    bottom:60px;
    width:1024px;
} 
    
    h2{
        font-size:50px
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    
    .header{
        display:block;
    }
    
    .slide{
        position:relative;
        width:100%;
        display:inline-block;
        box-sizing: border-box;
        background-position:center;
        background-size: cover;
        height:100%;
    }
    
    #slide1{
        background-image: url(../imgs/bm/20171121-xxl.jpg)
    }            
        
    #slide2{
        background-image: url(../imgs/hiking/GERES_TVC7680-xxl.jpg)
    }
    
    #slide3-left-mosaic{
        background-image:url(../imgs/bm/20171122-xxl.jpg);
        background-position:center;
        background-size:cover
    } 
    
    #slide3-right-mosaic{
        background-image:url(../imgs/hiking/20171123-xxl.jpg);
        background-position:center;
        background-size:cover
    }     
    
   .blocks{
    position:relative;
    display:inline-table;
    padding:10px;
    width:30%   
}
    
    .block-container{
    box-sizing: border-box;
    margin:auto;
    bottom:60px;
    width:1024px;
}     
    
    h2{
        font-size:50px
    }
}