* {

        box-sizing: border-box;

    }
    
    body{

        text-align:center;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        
        /* background-color:; */
    }

   
    @media only screen and (max-width: 1000px) {
    /* Per a telèfons mòbils: */
    [class*="col-"] {
    width: 100%;
    text-align: center;
    }

    .w3-bar{

        background-color: #5E674A;

    }

    .w3-bar-block{

        background-color: #5E674A;

    }

    .w3-hover-black:hover{
        
        color:white;

    }

    .w3-act{

        background-color: #414932 !important;


    }

    .w3-button{

        color:white !important;
        
    }


    .w3-button:hover{

        background-color: #414932 !important;
        color:white !important;

    }


    .btn_header{
               

        color:#FEFAE0 !important;

        font-size:12pt;

        height:65px;

        width:165px;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-radius:10pt;

        margin-left:0px;

    }

    
    .btn_header:hover{

        box-shadow: 0px 0px 5px 1px #5E674A !important;
        background-color: #5E674A !important;

    }
    

    .galeryFooter{

        margin-top:0px;
        background-color: #93987C;


    }

    
    .w3-footer{

        background-color: #93987C;

    }


    .footerContiner{

        background-color: Peru;
        height:50px;
        bottom: 0px;


    }

    .footerContent{
    
        /*boxshadow*/
        font-weight:bold;
        font-size:12pt;
        width: 100%;
        color: black;

    }
    

    .w3-col.m6, .w3-half{

        width:100% !important;

    }

    .Mainheader{

        background-color: #83944C; 
        height:auto !important;
        box-shadow:0px 0px 10px 1px #83944C;
        z-index: 2000;

    }
    
  


    .header{

        background-color: #83944C; 
        /* height:300px !important; */
        height:auto !important;
        box-shadow:0px 0px 10px 1px #83944C;
        z-index: 2000;

    }


  .formes_img:hover {

    -webkit-transform:scale(1.3);transform:scale(1.05);
    filter: saturate(180%);      
    -webkit-box-shadow:0px 0px 4px 2px black;
    }


    #torna{

        font-size:12pt;
        height:40px;
        width:auto;
        background-color: #BC6C25;
        cursor: pointer;
        border-radius:3pt;
        color:#FEFAE0;


    }

    #torna:hover{
    
        background-color: #BC6C25;
        opacity:0.7;

    }
    
    
    label{

        font-size:20pt;

    }

    .Maintitle{

        font-size: 16pt !important;
        font-weight: bold;
        margin-left:0px;
        margin-top: 130px;
        line-height: 50px !important;

    }

    .Mainsubtitle{

        margin-top:-5px;
        font-size: 19px !important;
        margin-left:0px;

    }
    
    .title{
        line-height: 30px;
        font-weight: bold;
        margin-left:0px;

    }
    
    .w3-jumbo{

        font-size: 25pt !important;

    }

    .subtitle{

        margin-top:10px;
        font-size: 19px !important;
        margin-left:0px;
    }

    body,h1,h2,h3,h4,h5 {font-size:16px !important; font-family: "Poppins", sans-serif}
    body {font-size:16px;}    
    .w3-half h3{width:100%; margin-left: 54%; line-height: 300%}
    .w3-bar,h1,button {font-family: "Montserrat", sans-serif}
    .fa-anchor,.fa-coffee {font-size:200px}
    .w3-half img{margin-top:60px;opacity:1;cursor:pointer;  margin-left: 0%; width:50%}
    .w3-half img:hover{opacity:0.8}

    .w3-modal-content{

        margin-top:-30px;

    } 
    .w3-image{

        margin-top:100px;     
        width:300px;

    }

    .border_img{

        border-radius:10pt;

    }

    #btn1, #btn2, #btn3, #btn4, #btn5, #btn6{

        font-size:12pt;
        border-radius:3pt;
        /* width:170px; */
        /* height:180px; */
        background-color:aquamarine;
        cursor: pointer;

    }

/*----*/

    #btn1:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn2:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn3:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn4:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn5:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn6:hover{

        background-color:green;
        cursor:pointer;
    } 

    .header2{

        background-color:DarkGreen; 
        height:250px; 
        padding:85px;

    }

    .w3-fons-clar{

        background-color:#EDEDE8;
        margin-top: 5px;

    }

    .w3-fons-fosc{

        background-color:#E4E2C7;

        
    }
    
    .icon-SocialMediaInsta{
        color:white; 
        font-size:30pt;
    }
    .icon-SocialMediaInsta:hover{
        background: linear-gradient(110deg, royalblue 0%, palevioletred 50%, orangered 100%);
        border-radius: 7pt;

    }

    .enterMobileSpace{

        display: block;

    }

    }
    .row:after {
    content: "";
    clear: both;
    display: block;
    }
    
    [class*="col-"] {
    float: left;
    padding: 15px;
    /* border: 1px solid; */
    }
    
    @media only screen and (min-width: 1000px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%; height:150px;}
    .col-4 {width: 33.33%; display:none;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%; height:350px;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}


    fieldset{

        margin-top:50px;
        border-radius:5pt;

    }
    

    
    label{

        font-size:20pt;

    }

    select{
        
        font-size:15pt;
        cursor: pointer;       
        border-radius:3pt;
        text-align: center;
        height:30px;
        width:50%;

    } 

    option{
    
        cursor: pointer;       
         
    } 

    #btn1, #btn2, #btn3, #btn4, #btn5, #btn6{

        font-size:12pt;
        border-radius:3pt;
        /* width:170px; */
        /* height:180px; */
        background-color:aquamarine;
        cursor: pointer;

    }

/*----*/

    #btn1:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn2:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn3:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn4:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn5:hover{

        background-color:green;
        cursor:pointer;
    }
    #btn6:hover{

        background-color:green;
        cursor:pointer;
    } 

/*----*/


    #torna{

        font-size:12pt;
        height:40px;
        width:auto;
        background-color: #BC6C25;
        cursor: pointer;
        border-radius:3pt;
        color:#FEFAE0;

    }

    #torna:hover{
    
        background-color: #BC6C25;
        opacity:0.7;
    }
    
    
    #btn{
        
        font-size:12pt;
        height:35px;
        width:auto;
        background-color:greenyellow;        
        cursor: pointer;
        border-radius:3pt;

    }

    .border_img{

        border-radius:10pt;

        width:500px;

    }

    #Preg{

        margin-top: 50000px !important;
        cursor:text;
    }

    #PregR{

        cursor:text;

    }

  .formes_img:hover {

    -webkit-transform:scale(1.3);transform:scale(1.05);
    filter: saturate(180%);      
    -webkit-box-shadow:0px 0px 4px 2px black;
    }

    body,h1,h2,h3,h4,h5 {font-size:16px; font-family: "Poppins", sans-serif}
    body {font-size:16px;}    
    .w3-half h3{width:100%; margin-left: 54%; line-height: 300%}
    .w3-bar,h1,button {font-family: "Montserrat", sans-serif}
    .fa-anchor,.fa-coffee {font-size:200px}
    .w3-half img{margin-top:60px;opacity:1;cursor:pointer;  margin-left: 35%; width:130%}
    .w3-half img:hover{opacity:0.8}
    

    .w3-hover-black:hover{
        
        color:white;

    }

    .w3-modal-content{

        margin-top:-30px;

    } 
    .w3-image{
     
        width:100%;

    }

    .img_res{
       
        opacity:1;
        cursor:pointer; 
        width:80% !important; 
        margin-left: 60% !important;

    }
    
    .img_name{

        width:100%; margin-left: 50% !important; line-height: 300% !important;

    }

    #nom{

        font-size: 30pt;

    }

    desc{

        /* font-size: 30pt; */

    }
   
    .text_header{

        margin-top: 100px;

    }
    
    .footerContiner{

        background-color: Peru;
        height:50px;
        bottom: 0px;

    }

    .footerContent{
    
        /*boxshadow*/
        font-weight:bold;
        font-size:12pt;
        width: 100%;
        color: black;

    }
    

    .w3-bar{

        background-color: #5E674A;

    }


    .w3-act{

        background-color: #414932 !important;


    }

    .w3-button{

        color:#FEFAE0 !important;
        
    }


    .w3-button:hover{

        background-color: #414932 !important;
        color:#FEFAE0 !important;

    }
    
    
    header{

        background-color: #83944C;
        height:330px; 
        margin-top:-75px;
        box-shadow:0px 0px 10px 1px #83944C;

    }
    
    .btn_header{
               

        color:#FEFAE0 !important;

        font-size:12pt;

        height:65px;

        width:165px;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-radius:10pt;

        margin-top:150px;

        margin-left:0px;


    }

    .btn_header:hover{

        box-shadow: 0px 0px 5px 1px #5E674A !important;
        background-color: #5E674A !important;

    }
    
    .w3-fons-clar{

        background-color:#EDEDE8;

    }

    .w3-fons-fosc{

        background-color:#E4E2C7;

        
    }

    .w3-footer{

        background-color: #93987C;

    }

    .galeryFooter{

        margin-top:4000px;
        background-color: #93987C;

        bottom: 0px;

        padding-bottom: 0px;
        
        z-index:2000;

    }

    .logo{

        display: block;

    }

    .Mainheader{
        height:350px; 
        margin-top:-75px;
        background-color: #83944C;
        box-shadow:0px 0px 10px 1px #83944C;

        
    }

    .Maintitle{

        /* font-size: 25pt !important;
        font-weight: bold;
        margin-left:0px; */
        margin-top: 173px !important;
    }

    .footer_icon{

        width: 5%;

    }

    #close{

        position: fixed !important;
    
    }

    .icon-SocialMediaInsta{
        color:white; 
        font-size:30pt;
    }
    .icon-SocialMediaInsta:hover{
        background: linear-gradient(110deg, royalblue 0%, palevioletred 50%, orangered 100%);
        border-radius: 7pt;

    }

    .enterMobileSpace{

        display: none;

    }

}