body {
        font-family: Yanone Kaffeesatz; 
        font-size: 16px;                       
        background-color: rgb(255,255,255);
        color: rgb(0,0,0);
        margin: 0;
}

html {
  scroll-behavior: smooth;
}

.yanone-kaffeesatz- {
  font-family: "Yanone Kaffeesatz";
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.vina-sans-regular {
  font-family: "Vina Sans";
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: "MansalvaRegular";
  src: url('Fonts/Mansalva/MansalvaRegular.ttf') format("TrueType"); /* Adjust path */
}

.mansalva-regular {
  font-family: MansalvaRegular;    
  font-size: 121%;
  align-items: center; 
}

.mansalva-regular a {
text-decoration: none;
color: rgb(0,0,0);
}


.insidefirstimg1 {
  position: absolute;
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg2 {
  position: absolute;
  top: 27%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg3 {
  position: absolute;
  top: 34%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg4 {
  position: absolute;
  top: 20%; /* Adjust vertically */
  left: 70%; /* Adjust horizontally */
  width: 10%;
  z-index: 5; /* Ensure it's above the image */
}

            .header {
            position: fixed;
            top: 0;
            left: 0;
            height: 5.5%;
            width: 100%;
            z-index: 20;        
            background-color: rgb(255,255,255, 0.5);
            color: rgb(0,0,0);
            text-align: center;
            }

/*******************************/

        .headerbox-container1 {
            display: flex;
            align-items: center;
            margin-left: 5%;                                   
            width: 100%;
        }


.menuformat {
display: grid;
grid-template-columns: 96% 4%;
}


.firstimg {
    width: 100%;
    height: 57,14%;
}



    


            .header-content {
            height:100%;    
            display: flex;        
            justify-content: space-evenly;
            
            }



/*******************************/


        .content {            
            display: flex; 
            align-items: center;
        
        }

        .content a {
            color: rgb(0,0,0);            
            padding-bottom: 35px;
            padding-top: 35px;            
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: background-color 300ms, color 300ms;
        }

        .content a:hover {            
            color: rgb(240, 200, 0);              
        }

.content li.has-dropdown {
    list-style: none;
    display: list-item;    
}


.dropdownA {        
    position: fixed;
    background-color: rgb(255,255,255, 0.6);
    color: rgb(255,255,255);
    list-style: none;
    visibility: hidden; /* Hide initially */
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}

.content li.has-dropdown:hover .dropdownA,
.dropdownA:hover {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.dropdownA li {
    width: 100%;;
    text-align: left; 
}

.dropdownA a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgb(0,0,0); 
    text-decoration: none;
    text-align: left;
}

.dropdownA a:hover {
    color: rgb(0,0,0);  
    border: solid 0.5px;      
}

.dropdownB {
    position: fixed;
    background-color: rgb(255,255,255, 0.6);
    color: rgb(255,255,255);
    list-style: none;
    visibility: hidden; /* Hide initially */
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}

.content li.has-dropdown:hover .dropdownB,
.dropdownB:hover {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.dropdownB li {
    width: 100%;;
    text-align: left; 
}

.dropdownB a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgb(0,0,0); 
    text-decoration: none;
    text-align: left;
}

.dropdownB a:hover {
    color: rgb(0,0,0);  
    border: solid 0.5px;      
}


.menu {
  position: fixed;
}






/*******************************/

/*******************************/

        .version2 {
            display: flex; 
            width: 100%;
        }       


        .headerbox-container2 {
            display: flex; 
            width: 100%;
            justify-content: space-evenly;
        }


        .icons {
        display: flex;
        margin-right: 1%;
        align-items: center;
        } 

        .icon {
        margin-left: 20%;
        margin-right: 20%;
        } 
/*******************************/

/*******************************/

        .page {            
            justify-items: end;
            margin-top: 100px; /* Ajuste para não sobrepor o header */
            width: 42%;
        }

        .button-container {   
    justify-items: start;           
    margin-top: 135px;
    margin-left: 35px;
    }
    

        .testing-btn {            
            background-color: rgb(240, 200, 0);   
            color: rgb(33, 8, 8); 
            border: none;
            cursor: pointer;
            width: 200px;
            height: 50px;
            transition: 0.2s ease-in-out;
            border-top-right-radius: 9px;
            border-bottom-left-radius: 9px;
            border-top-left-radius: 9px;
            border-bottom-right-radius: 9px;
        }

                .pfontsize{
            font-size: 120%;        
            font-style: normal;
}


        /* Efeito de Hover */
        .testing-btn:hover {
            background-color: rgb(33, 8, 8); 
            color: rgb(240, 200, 0); 
            
            transition: background-color 0,5s ease, color 2s ease, transform 0.3s ease;
        }

        /* Efeito de Focus */
        .testing-btn:focus {
            outline: none;
            border: 2px solid rgba(93, 14, 14, 0.7); /* Cor e transparência da borda ao focar */
            box-shadow: 0 0 8px rgba(93, 14, 14, 0.5); /* Efeito de brilho ao focar */
            transition: border 0.2s ease, box-shadow 0.2s ease;
        }






.responsivemenu {
display: none;
width: 50%;
}


.menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 20px;

}

.line {
    height: 0.2px;
    background-color: rgb(0, 0, 0);
    margin-bottom: 3px;
    margin-top: 3px;
    transition: transform 0.3s ease;
}

.line1 {
    width: 25px;
}

.line2 {
    width: 25px;
}

.line3 {
    width: 25px;
}


#menu-toggle {
    display: none;
}

.menu-content {
    list-style: none;    
    position: absolute; /* Position it below the header */
    top: 100%; /* Place it right below the header */
    left: 0;
    width: 70%;  
    display: none; 
    text-align: left;
    background-color: rgb(245, 255, 246);
    border-top: 0.5px solid rgb(255, 255, 255);
    font-size: 120%;
    z-index: 10;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 400px;
    padding-top: 0px;
    padding-left: 0px;    
}

.menu-content li {    
    position: relative;
    top: 90px; left: 0px; 
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 0.5px solid rgb(0,0,0);
}

.menu-content li a {
    display: block;
    position: relative;    
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-decoration: none;    
    color: rgb(0,0,0);
}



#menu-toggle:checked + .menu-icon .line1 {
    transform: rotate(45deg) translate(5px, 4px);
}

#menu-toggle:checked + .menu-icon .line2 {
    opacity: 0;
}

#menu-toggle:checked + .menu-icon .line3 {
    transform: rotate(-45deg) translate(5px, -4px);
}

#menu-toggle:checked ~ .menu-content {
    display: block;
}        


.Dobra1 {
display: flex;
justify-content: center;
}


.Dobra1A { 
padding-top: 5%;
padding-bottom: 1.3%;
padding-left: 3%;
padding-right: 3%;
font-size: 250%;
line-height: 220%;
}

.Dobra2end {
display: flex;
justify-content: flex-end;
}

.Dobra2A {
background-color: rgb(2, 234, 2,0);
padding-top: 5%;
margin-bottom: 15%;


position: relative;
width: 94%;
height: 251px;
top: -300px;
z-index: -1;
}




.button1 {
background-color: rgb(0, 152, 0);
color: rgb(255, 255, 255);
width: 18.1%;
margin-left: 22%;
position: relative;
top: -480px;
}

.insidebutton1 {
font-size: 90%;
padding-top: 1.5%;
padding-bottom: 1%;
white-space: nowrap;
text-align: center;
}


.flexmap {
display: flex;    
}

        .map-container {
            text-align: center;
            position: relative;            
            top: -400px;
            display: inline-block;
            width: 50%;
            margin-left: 10%;
        }
        .map-image {
            width: 80%;
            max-width: 80%;
            height: auto;
        }
        .pin {
            position: absolute;
            width: 15px;
            height: 15px;
            background-color: rgb(10, 113, 0);
            border-radius: 50%;
            cursor: pointer;
            transform: translate(-50%, -50%);
        }
        /* Ajuste as posições conforme necessário */
        .mt { top: 48%; left: 45%; }
        .ce { top: 27%; left: 80%; }
        .sp { top: 72.7%; left: 62.3%; }
        .ac { top: 38.5%; left: 19%; }
        .ro { top: 41%; left: 35%; } 
        .am { top: 27%; left: 27%; }
        .ba { top: 48.5%; left: 77.5%; }
        .pr { top: 75%; left: 55%; }


.aldeiasinf {
position: relative;            
top: -410px;
font-size: 200%;
visibility: hidden;
width: 30%;
}

.pin:hover ~ .aldeiasinf {
visibility: visible;
}


.button2 {
background-color: rgb(200, 172, 60);
color: rgb(0, 0, 0);
width: 75%;
position: relative;
top: 22px;
left: 13px;
}

.insidebutton2 {
font-size: 90%;
padding-top: 1.5%;
padding-bottom: 1%;
white-space: nowrap;
text-align: center;
}



.design2A {
background-color: rgb(2, 234, 2);
width: 67%;
height: 369px;
position: relative;
top: -300px;
left: 20%;
z-index: 2;
}

.design2B {
background-color: rgb(200, 172, 60);
width: 67%;
height: 329px;
position: relative;
top: -550px;
z-index: 1;
}

.design2C {
display: flex;
justify-content: flex-end;
}

.design2img {
position: relative;
top: -900px;
z-index: 3;
}

/********dobra3***********************/

.dobra3A {
position: relative;
}

.imgdobra3A {
width: 100%;
position: relative;
z-index: -1;
}

.dobra3B {
color: rgb(255, 255, 255);
position: relative;
}

.imgdobra3B {
width: 100%;
position: relative;
z-index: -1;
}

.dobra3C {
color: rgb(255, 255, 255);
position: relative;
}

.imgdobra3C {
width: 100%;
position: relative;
z-index: -1;
}


.dobra3D {
color: rgb(0,0,0);
position: relative;
z-index: 2;
}

.boxdobra3D {
background-color: rgba(131, 191, 248, 0.24);
position: relative;
}

.imgdobra3D {
width: 100%;
position: relative;
z-index: -1;
}

.dobra3E {
color: rgb(255,255,255);
position: relative;
z-index: 2;
}

.imgdobra3E {
width: 100%;
position: relative;
z-index: -1;
}

.dobra3F {
color: rgb(0,0,0);
position: relative;
}


.button2 a {
background-color: rgb(200, 172, 60);
color: rgb(0, 0, 0);
text-decoration: none;
}

.button3 {
background-color: rgb(0, 152, 0);
color: rgb(255, 255, 255);
width: 18.1%;
margin-left: 41%;
position: relative;
top: -1630px;
}


.button3 a {
background-color: rgb(0, 152, 0);
color: rgb(255, 255, 255);
text-decoration: none;
}

.insidebutton3:hover {
background-color: rgb(0, 59, 0);
color: rgb(200, 200, 200);
}

.button3:hover {
background-color: rgb(0, 59, 0);
color: rgb(200, 200, 200);
}

.insidebutton3 {
font-size: 90%;
padding-top: 1.5%;
padding-bottom: 1%;
white-space: nowrap;
text-align: center;
}

.design1B {
display: flex;
justify-content: flex-end;
}

.imgdesign1B {
position: relative;
top: -1550px;
width: 88%;
}

/********dobra3***********************/


/*******************************/

.cntnrfooter {
position: relative;
top: -1495px;
}

.d3Aend {
display: flex;
justify-content: flex-end;
}

.design3A {
background-color: rgb(2, 234, 2);
width: 90%;
height: 569px;
position: absolute;
top: px;
z-index: 2;
}


.design3B {
background-color: rgb(200, 172, 60);
width: 77%;
height: 579px;
position: absolute;
top: 300px;
z-index: 1;
}

.design3C {
display: flex;
justify-content: center;
color: rgb(0, 0, 0 / 1.0);
z-index: 10;
}


/*******************************/

.flexendA {
display: flex;
justify-content: flex-end;
}

        .footerflex {
            display: flex;        
            justify-content: space-evenly;                                                       
            background-color: rgb(2, 234, 2);
            color: rgb(0,0,0);            
            padding-bottom: %;
            padding-top: 30px;
            padding-left: px;
            padding-right: 20%;
            width: 70%;
           }

        .footerbox {
            padding-top: 10px;
            z-index: 9;          
        }

.flexendB {
display: flex;
justify-content: flex-end;
position: relative;
top: 100px;
padding-right: 7%;
}

        .footer {                                                                              
            background-color: rgb(255,255,255);
            color: rgb(0,0,0);            
            padding: 30px;
            position: absolute;
            z-index: 5;
            width: 70%;        
           }

 .footer a {
background-color: rgb(0, 152, 0);
color: rgb(255, 255, 255);
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;    
}

 .footer a:hover {
background-color: rgb(0, 98, 0);
color: rgb(240, 240, 240);
padding: 5px;
}

.flexendC {
display: flex;
justify-content: center;
position: relative;
top: 400px;
z-index: 6;
}

.imgfinal {
width: 37%;
}

.designfinal {
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 170%;
  color: rgb(0,0,0);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
  width: 30%;
  padding-top: 14px;
  }

.insideflexendC1 {
height: 30px;

}


.insideflexendC2 {
}


.flexendD {
display: flex;
justify-content: flex-end;
}

.design2end {
position: absolute;
top: 964px;
z-index: 3;
}

.flexendE {
position: absolute;
top: 1464px;
z-index: 3;
left: 19%;
font-size: 200%;
width: 65%;
}


/*******************************/


@media (max-width: 2560px) {

/*************header******************/

.mansalva-regular {
  font-size: 185%;
}

.content a {
font-size: 200%;
}

.dropdownA {
    top: 59px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

.dropdownB {
    top: 59px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

/***************header****************/


.insidefirstimg1 {
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 550%;
}

.insidefirstimg2 {  
  top: 27%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 550%; 
}

.insidefirstimg3 {  
  top: 34%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 550%;
}

/********dobra3***********************/

.dobra3A {
top: -786.5px;
left: 33%;
font-size: 250%;
width: 40%;
}

.imgdobra3A {
top: -940px;
}

.dobra3B {
top: -950px;
left: 36%;
font-size: 250%;
width: 50%;
}

.imgdobra3B {
top: -1134px;
}

.dobra3C {
top: -600px;
left: 53%;
font-size: 250%;
width: 35%;
}

.imgdobra3C {
top: -1441px;
}

.dobra3D {
top: -1270px;
left: 1613px;
font-size: 250%;
width: 30%;
}

.boxdobra3D {
top: -1425px;
left: 76%;
width: 485px;
height: 137px;
}

.imgdobra3D {
top: -1781px;
}

.dobra3E {
top: -1182px;
left: 18%;
font-size: 450%;
width: 53%;
}

.imgdobra3E {
top: -2399px;
z-index: -5;
}

.dobra3F {
top: -2225px;
left: 19%;
font-size: 400%;
width: 65%;
}

.dobra3F > h1 {
font-size: 190%;
line-height: 120%;
}

.dobra3F > h4 {
line-height: 120%;
}

.button3 {
width: 18.1%;
margin-left: 39%;
top: -2118px;
}

.insidebutton3 {
font-size: 210%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.imgdesign1B {
top: -1850px;
width: 88%;
}


/********dobra3***********************/

@media (max-width: 2446px) {

.dobra3D {
top: -1270px;
left: 1513px;
font-size: 250%;
width: 35%;
}

.boxdobra3D {
top: -1425px;
left: 76%;
width: 480px;
height: 137px;
}

.imgdobra3D {
top: -1781px;
}

.dobra3F > h1 {
font-size: 170%;
}


@media (max-width: 2320px) {

.dobra3C {
top: -640px;
left: 53%;
font-size: 250%;
width: 35%;
}

.imgdobra3C {
top: -1441px;
}

.dobra3D {
top: -1270px;
left: 1430px;
font-size: 250%;
width: 35%;
}

.boxdobra3D {
top: -1425px;
left: 76%;
width: 485px;
height: 137px;
}

.imgdobra3D {
top: -1781px;
}

.dobra3E {
top: -1292px;
left: 18%;
font-size: 450%;
width: 53%;
}


.dobra3F > h1 {
font-size: 160%;
}




@media (max-width: 2209px) {

.dobra3C {
top: -680px;
left: 53%;
font-size: 250%;
width: 35%;
}

.imgdobra3C {
top: -1441px;
}

.dobra3D {
top: -1270px;
left: 1330px;
font-size: 250%;
width: 35%;
}

.boxdobra3D {
top: -1425px;
left: 76%;
width: 485px;
height: 137px;
}

.imgdobra3D {
top: -1781px;
}

.dobra3E {
top: -1392px;
left: 18%;
font-size: 450%;
width: 53%;
}


.dobra3F > h1 {
font-size: 150%;
}




@media (max-width: 2104px) {

.dobra3C {
top: -680px;
left: 53%;
font-size: 250%;
width: 35%;
}

.imgdobra3C {
top: -1441px;
}

.dobra3D {
top: -1270px;
left: 1130px;
font-size: 250%;
width: 39%;
}

.boxdobra3D {
top: -1425px;
left: 76%;
width: 375px;
height: 137px;
}

.imgdobra3D {
top: -1781px;
}

.dobra3E {
top: -1402px;
left: 18%;
font-size: 450%;
width: 59%;
}

.dobra3F > h1 {
font-size: 145%;
}

@media (max-width: 1950px) {


/********dobra3***********************/

.dobra3A {
top: -814px;
left: 31%;
font-size: 200%;
width: 40%;
}

.imgdobra3A {
top: -940px;
}

.dobra3B {
top: -994px;
left: 27%;
font-size: 200%;
width: 50%;
}

.imgdobra3B {
top: -1120px;
}

.dobra3C {
top: -700px;
left: 53%;
font-size: 200%;
width: 33%;
}

.imgdobra3C {
top: -1341px;
}


.dobra3D {
top: -1180px;
left: 1080px;
font-size: 200%;
width: 35%;
}


.boxdobra3D {
top: -1290px;
left: 76%;
width: 375px;
height: 60px;
}


.imgdobra3D {
top: -1561px;
}

.dobra3E {
top: -952px;
left: 15%;
font-size: 250%;
width: 53%;
}

.imgdobra3E {
top: -1755px;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 200%;
width: 65%;
}

.dobra3F > h1 {
font-size: 200%;
}

.imgdesign1B {
top: -1550px;
}

/********dobra3***********************/

.button3 {
width: 18.1%;
margin-left: 39%;
top: -1618px;
}

.insidebutton3 {
font-size: 99%;
padding-top: 1.5%;
padding-bottom: 1%;
}


@media (max-width: 1700px) {


.dobra3A {
top: -814px;
left: 31%;
font-size: 200%;
width: 50%;
}

.imgdobra3A {
top: -940px;
}

.dobra3C {
top: -810px;
left: 53%;
font-size: 180%;
width: 35%;
}

.imgdobra3C {
top: -1341px;
}

.dobra3D {
top: -1233px;
left: 780px;
font-size: 180%;
width: 45%;
}

.boxdobra3D {
top: -1337px;
left: 76%;
width: 275px;
height: 60px;
}

.imgdobra3D {
top: -1561px;
}

.dobra3E {
top: -1080px;
}

.button3 {
width: 18.1%;
margin-left: 39%;
top: -1618px;
}

.insidebutton3 {
font-size: 99%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.imgfinal {
width: 47%;
}


@media (max-width: 1440px) {

.dobra3C {
padding-top: 30px;
top: -849px;
left: 53%;
font-size: 170%;
width: 39%;
}

.imgdobra3C {
top: -1341px;
}

.dobra3D {
top: -1233px;
left: 740px;
font-size: 180%;
width: 41%;
}

.boxdobra3D {
top: -1337px;
left: 76%;
width: 275px;
height: 60px;
}

.imgdobra3D {
top: -1561px;
}

.dobra3E {
top: -1120px;
}

.button3 {
width: 18.1%;
margin-left: 41%;
top: -1630px;
}

.insidebutton3 {
font-size: 90%;
padding-top: 1.5%;
padding-bottom: 1%;
}


@media (max-width: 1327px) {


.dobra3C {
padding-top: 30px;
top: -849px;
left: 53%;
font-size: 170%;
width: 39%;
}

.imgdobra3C {
top: -1341px;
}

.dobra3D {
top: -1233px;
left: 740px;
font-size: 180%;
width: 41%;
}

.boxdobra3D {
top: -1337px;
left: 76%;
width: 275px;
height: 60px;
}

.imgdobra3D {
top: -1561px;
}

.dobra3E {
top: -1123px;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 200%;
width: 65%;
}

.dobra3F > h1 {
font-size: 190%;
}

.button3 {
width: 48.1%;
margin-left: 25%;
top: -1638px;
}

.insidebutton3 {
font-size: 74%;
padding-top: 1.5%;
padding-bottom: 1%;
}


.imgfinal {
width: 57%;
top: ;
}



@media (max-width: 1304px) {


.dobra3D {
top: -1233px;
left: 623px;
font-size: 180%;
width: 47%;
}

.boxdobra3D {
top: -1337px;
left: 76%;
width: 275px;
height: 60px;
}

.dobra3E {
top: -1139px;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 200%;
width: 65%;
}

.dobra3F > h1 {
font-size: 180%;
}



.design2end {
width: 85%;
}

.designfinal {
display: none;
}

@media (max-width: 1260px) {

.dobra3C {
padding-top: 14.5px;
top: -890px;
left: 53%;
font-size: 180%;
width: 42.5%;
}

.dobra3E {
top: -1164px;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 200%;
width: 65%;
}

.dobra3F > h1 {
font-size: 180%;
} 



.design2end {
width: 85%;
}

.designfinal {
display: none;
}

@media (max-width: 1220px) {

/*************header******************/

.mansalva-regular {
  font-size: 120%;
}

.content a {
font-size: 125%;
}

.dropdownA {
    top: 59px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

.dropdownB {
    top: 59px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

/***************header****************/


.insidefirstimg1 {
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 290%;
}

.insidefirstimg2 {  
  top: 27%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 290%; 
}

.insidefirstimg3 {  
  top: 34%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 290%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 200%;
line-height: 198%;
}

.Dobra2A {
width: 84%;
height: 232px;
top: 26px;
}

.Dobra2B {
width: 80%;
height: 250px;
top: -150px;
}

.Dobra2C {
width: 30%;
top: -540px;
left: 35%;
font-size: 260%;
}

.Dobra2D {
top: -505px;
font-size: 172%;
}

.button1 {
width: 18.1%;
margin-left: 21%;
}

.insidebutton1 {
font-size: 70%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.design2A {
width: 67%;
height: 345px;
top: -280px;
left: 20%;
}

.design2B {
width: 69%;
height: 329px;
top: -550px;
}

.design2img {
top: -890px;
width: 85%;
}

.dobra3A {
top: -821px;
left: 26%;
font-size: 190%;
width: 50%;
}

.dobra3C {
padding-top: 14.5px;
top: -890px;
left: 53%;
font-size: 180%;
width: 42.5%;
}

.dobra3D {
top: -1300px;
left: 600px;
font-size: 180%;
width: 47.5%;
}

.boxdobra3D {
top: -1405px;
left: 75%;
width: 259px;
height: 60px;
}

.dobra3E {
top: -1191px;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 190%;
width: 65%;
line-height: 115%;
}

.dobra3F > h1 {
font-size: 170%;
line-height: 105%;
} 

.design2end {
width: 85%;
}

.designfinal {
display: none;
}

@media (max-width: 1158px) {

/*************header******************/

.mansalva-regular {
  font-size: 120%;
}

.content a {
font-size: 125%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 250%;
}

.insidefirstimg2 {  
  top: 27%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 250%; 
}

.insidefirstimg3 {  
  top: 34%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 250%;
}

/***************firstimg****************/

.design2img {
top: -890px;
width: 85%;
padding-bottom: 50px;
}

.dobra3A {
top: -834px;
left: 26%;
font-size: 171%;
width: 50%;
}

.dobra3C {
padding-top: 30.9px;
top: -929px;
left: 53%;
font-size: 160%;
width: 41.5%;
}

.dobra3D {
top: -1300px;
left: 550px;
font-size: 160%;
width: 47.5%;
}

.boxdobra3D {
top: -1395px;
left: 75%;
width: 180px;
height: 60px;
}

.dobra3E {
top: -1221px;
width: 70%;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 190%;
width: 65%;
line-height: 115%;
}

.dobra3F > h1 {
font-size: 160%;
line-height: 105%;
} 

.design2end {
width: 85%;
}

.designfinal {
display: none;
}


@media (max-width: 1050px) {

/*************header******************/

.mansalva-regular {
  font-size: 120%;
}

.content a {
font-size: 125%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 120%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 250%;
}

.insidefirstimg2 {  
  top: 27%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 250%; 
}

.insidefirstimg3 {  
  top: 34%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 250%;
}

/***************firstimg****************/

 .headerbox-container2 {
    width: 70%;
}    

.icons {
        position: relative;
        left: 30%;
        padding-right:5%;
        width: 5%;        
        } 


.Dobra1A { 
font-size: 180%;
line-height: 195%;
padding-bottom: 400px;
}

.Dobra2A {
width: 84%;
height: 232px;
top: 26px;
}

.Dobra2B {
width: 80%;
height: 250px;
top: -150px;
}

.Dobra2C {
width: 30%;
top: -540px;
left: 35%;
font-size: 260%;
}

.Dobra2D {
top: -505px;
font-size: 172%;
}

.button1 {
width: 18%;
margin-left: 21%;
}

.insidebutton1 {
font-size: 60%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.pin {
width: 12px;
height: 12px;
}

.design2A {
width: 67%;
height: 310px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 329px;
top: -550px;
}

.design2img {
top: -850px;
width: 90%;
padding-bottom: 60px;
}

.dobra3A {
top: -843px;
left: 25%;
font-size: 147%;
width: 49%;
}

.dobra3C {
padding-top: 84.5px;
top: -979px;
left: 53%;
font-size: 125%;
width: 41.5%;
}

.dobra3D {
top: -1300px;
left: 520px;
font-size: 125%;
width: 38.5%;
}

.boxdobra3D {
top: -1385px;
left: 75%;
width: 180px;
height: 60px;
}

.dobra3E {
top: -1362px;
left: 9%;
font-size: 200%;
width: 53%;
}

.imgdobra3E {
top: -1715px;
}

.dobra3F {
top: -1639px;
left: 19%;
font-size: 185%;
line-height: 115%;
}

.dobra3F > h1 {
font-size: 150%;
line-height: 105%;
} 

.dobra3F > h4 {
width: 95%;
}


.design2end {
width: 85%;
}

.flexmap {
display: none;
}

.button1 {
display: none;
}

.Dobra2end {
display: none;

}

.designfinal {
display: none;
}

@media (max-width: 958px) {

.dobra3C {
padding-top: 84.5px;
top: -999px;
left: 53%;
font-size: 125%;
width: 38.5%;
}

.dobra3D {
top: -1300px;
left: 490px;
font-size: 125%;
width: 40.5%;
}

.boxdobra3D {
top: -1385px;
left: 75%;
width: 180px;
height: 60px;
}

.dobra3F {
top: -1659px;
left: 19%;
font-size: 185%;
line-height: 115%;
}

.dobra3F > h1 {
font-size: 142%;
line-height: 105%;
} 

.dobra3F > h4 {
width: 95%;
}


.design2end {
width: 85%;
}

.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 918px) {

.mansalva-regular {
  font-size: 115%;
}

.content a {
font-size: 125%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

.insidefirstimg2 {  
  top: 26.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 220%; 
}

.insidefirstimg3 {  
  top: 33%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 160%;
line-height: 185%;
}

.Dobra2A {
width: 84%;
height: 232px;
top: 26px;
}

.Dobra2B {
width: 80%;
height: 250px;
top: -150px;
}

.Dobra2C {
width: 30%;
top: -530px;
left: 35%;
font-size: 255%;
}

.Dobra2D {
top: -501px;
font-size: 152%;
}

.button1 {
width: 18%;
margin-left: 19%;
}

.design2A {
width: 67%;
height: 220px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 309px;
top: -550px;
}

.design2img {
top: -795px;
width: 90%;
padding-bottom: 104px;
}

.dobra3A {
top: -863px;
left: 27%;
font-size: 120%;
width: 44%;
}

.dobra3B {
top: -994px;
left: 27%;
font-size: 180%;
width: 50%;
}

.dobra3C {
padding-top: 94.5px;
top: -1035px;
left: 53%;
font-size: 110%;
width: 35.5%;
}

.dobra3D {
top: -1320px;
left: 460px;
font-size: 110%;
width: 40.5%;
}

.boxdobra3D {
top: -1385px;
left: 75%;
width: 160px;
height: 60px;
}

.dobra3E {
top: -1362px;
left: 9%;
font-size: 175%;
width: 73%;
}

.dobra3F {
top: -1659px;
left: 16%;
font-size: 185%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 142%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 95%;    
width: 82%;
}


.design2end {
width: 85%;
}

.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 840px) {

.Dobra1A { 
font-size: 140%;
line-height: 166%;
}

.button1 {
width: 18.8%;
margin-left: 18%;
}


.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 309px;
top: -550px;
}

.design2img {
top: -795px;
width: 90%;
padding-bottom: 114px;
}

.dobra3A {
top: -863px;
left: 27%;
font-size: 120%;
width: 45%;
}

.dobra3B {
top: -994px;
left: 27%;
font-size: 150%;
width: 50%;
padding-top: 31px;
}

.dobra3C {
padding-top: 94.5px;
top: -1049px;
left: 53%;
font-size: 110%;
width: 36.5%;
}

.dobra3D {
top: -1320px;
left: 440px;
font-size: 110%;
width: 40.5%;
}

.boxdobra3D {
top: -1395px;
left: 75%;
width: 160px;
height: 60px;
}

.dobra3F {
top: -1659px;
left: 16%;
font-size: 185%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 142%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 95%;    
width: 82%;
}




.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 815px) {

.mansalva-regular {
  font-size: 115%;
}

.content a {
font-size: 120%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 20%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

.insidefirstimg2 {  
  top: 26.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 220%; 
}

.insidefirstimg3 {  
  top: 33%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

/***************firstimg****************/

 .headerbox-container2 {
    width: 60%;
}    

.Dobra1A { 
font-size: 130%;
line-height: 161%;
}

.Dobra2A {
width: 85%;
height: 232px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -150px;
}

.Dobra2C {
width: 30%;
top: -524px;
left: 30%;
font-size: 248%;
}

.Dobra2D {
top: -495px;
font-size: 142%;
}

.button1 {
width: 18.8%;
margin-left: 23.5%;
}

.insidebutton1 {
font-size: 52.5%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.pin {
width: 11px;
height: 11px;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 309px;
top: -550px;
}

.design2img {
top: -795px;
padding-bottom: 138px;
}

.dobra3A {
top: -878px;
left: 27%;
font-size: 100%;
width: 42%;
}

.dobra3B {
top: -994px;
left: 27%;
font-size: 140%;
width: 50%;
padding-top: 35px;
}

.dobra3C {
padding-top: 97.9px;
top: -1059px;
left: 53%;
font-size: 105%;
width: 38.0%;
}

.dobra3D {
padding-top: 50.1px;
top: -1320px;
left: 415px;
font-size: 105%;
width: 42.5%;
}

.boxdobra3D {
top: -1400px;
left: 75%;
width: 145px;
height: 60px;
}

.dobra3F {
top: -1659px;
left: 16%;
font-size: 185%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 142%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 95%;    
width: 82%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}


@media (max-width: 807px) {

.content a {
font-size: 120%;
}


/***************header****************/

.dobra3C {
padding-top: 97.9px;
top: -1069px;
left: 53%;
font-size: 105%;
width: 39.0%;
}

.dobra3D {
padding-top: 50.1px;
top: -1320px;
left: 402px;
font-size: 105%;
width: 42.5%;
}

.boxdobra3D {
top: -1398px;
left: 75%;
width: 157px;
height: 58px;
}

.dobra3E {
top: -1392px;
left: 9%;
font-size: 175%;
width: 73%;
}

.dobra3F {
top: -1659px;
left: 12.2%;
font-size: 185%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 142%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 95%;    
width: 89%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 730px) {

.mansalva-regular {
  font-size: 110%;
}

.content a {
font-size: 110%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 18%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

.insidefirstimg2 {  
  top: 24.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 220%; 
}

.insidefirstimg3 {  
  top: 31%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 125%;
line-height: 160%;
}

.Dobra2A {
width: 85%;
height: 212px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -506px;
left: 30%;
font-size: 235%;
}

.Dobra2D {
top: -495px;
font-size: 136%;
}

.button1 {
width: 20.2%;
margin-left: 21.5%;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 309px;
top: -550px;
}

.design2img {
top: -765px;
width: 90%;
padding-bottom: 161px;
}

.dobra3A {
top: -880px;
left: 27%;
font-size: 93%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 110%;
width: 50%;
padding-top: 79px;
}

.dobra3C {
padding-top: 110.1px;
top: -1092px;
left: 53%;
font-size: 100%;
width: 39.8%;
}

.dobra3D {
padding-top: 50.1px;
top: -1346px;
left: 366px;
font-size: 105%;
width: 45.5%;
}

.boxdobra3D {
top: -1420px;
left: 75%;
width: 157px;
height: 58px;
}

.dobra3F {
top: -1669px;
left: 11.4%;
font-size: 185%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 133%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 95%;
}

.button3 {
width: 48.1%;
margin-left: 25%;
top: -1668px;
}

.insidebutton3 {
font-size: 74%;
padding-top: 1.5%;
padding-bottom: 1%;
}




.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 680px) {

.mansalva-regular {
  font-size: 110%;
}

.content a {
font-size: 110%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 16%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

.insidefirstimg2 {  
  top: 22.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 220%; 
}

.insidefirstimg3 {  
  top: 29%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 220%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 125%;
line-height: 159%;
}

.insidefirstimg1 {
  position: absolute;
  top: 15%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg2 {
  position: absolute;
  top: 22%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg3 {
  position: absolute;
  top: 29%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.Dobra2A {
width: 85%;
height: 212px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -506px;
left: 29%;
font-size: 235%;
}

.Dobra2D {
top: -493px;
font-size: 130%;
}

.button1 {
width: 20%;
margin-left: 23.5%;
}

.insidebutton1 {
font-size: 50%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.pin {
width: 9.4px;
height: 9.4px;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 309px;
top: -550px;
}

.design2img {
top: -765px;
width: 90%;
padding-bottom: 173px;
}

.dobra3A {
top: -885px;
left: 27%;
font-size: 87%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 100%;
width: 50%;
padding-top: 81px;
}

.dobra3C {
padding-top: 115.1px;
top: -1096px;
left: 52%;
font-size: 94%;
width: 39.8%;
}

.dobra3D {
padding-top: 45.1px;
top: -1346px;
left: 342px;
font-size: 100%;
width: 45.5%;
}

.boxdobra3D {
top: -1420px;
left: 75%;
width: 151px;
height: 58px;
}

.dobra3F {
top: -1669px;
left: 9.7%;
font-size: 185%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 133%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 95%;
}


.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 649px) {

.mansalva-regular {
  font-size: 110%;
}

.content a {
font-size: 110%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 10.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 200%;
}

.insidefirstimg2 {  
  top: 16.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 200%; 
}

.insidefirstimg3 {  
  top: 22%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 200%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 109%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 205px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -489px;
left: 29%;
font-size: 220%;
}

.Dobra2D {
top: -477px;
font-size: 120%;
}

.button1 {
width: 23%;
margin-left: 23.5%;
top: -465px;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 309px;
top: -550px;
}

.design2img {
top: -765px;
width: 90%;
padding-bottom: 197px;
}

.dobra3A {
top: -889px;
left: 27%;
font-size: 82%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 95%;
width: 50%;
padding-top: 86px;
}

.dobra3C {
padding-top: 120.1px;
top: -1116px;
left: 52%;
font-size: 89%;
width: 40.8%;
}

.dobra3D {
padding-top: 49.1px;
top: -1366px;
left: 308px;
font-size: 95%;
width: 47.5%;
}

.boxdobra3D {
top: -1440px;
left: 75%;
width: 143px;
height: 58px;
}

.dobra3E {
top: -1412px;
left: 9%;
font-size: 175%;
width: 73%;
}

.dobra3F {
top: -1669px;
left: 9.1%;
font-size: 170%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 133%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 95%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 599px) {

.mansalva-regular {
  font-size: 110%;
}

.content a {
font-size: 105%;
}

.dropdownA {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

.dropdownB {
    top: 19px;
    width: 20%;
    height: 25%;
    font-size: 100%;
 }

/***************header****************/

.insidefirstimg1 {
  top: 10.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 200%;
}

.insidefirstimg2 {  
  top: 16.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 200%; 
}

.insidefirstimg3 {  
  top: 22%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 200%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 101%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 205px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -489px;
left: 29%;
font-size: 220%;
}

.Dobra2D {
top: -473px;
font-size: 115%;
}

.button1 {
width: 25%;
margin-left: 21%;
top: -461px;
}

.map-container {
top: -380px;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 300px;
top: -550px;
}

.design2img {
top: -765px;
width: 90%;
padding-bottom: 201px;
}

.dobra3A {
top: -893.2px;
left: 27%;
font-size: 75%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 93%;
width: 50%;
padding-top: 86px;
}

.dobra3C {
padding-top: 123.1px;
top: -1126px;
left: 52%;
font-size: 87%;
width: 42.6%;
}

.dobra3D {
padding-top: 49.1px;
top: -1376px;
left: 270px;
font-size: 95%;
width: 50.5%;
}

.boxdobra3D {
top: -1445px;
left: 75%;
width: 131px;
height: 51px;
}

.dobra3E {
top: -1432px;
left: 9%;
font-size: 174%;
width: 73%;
}

.dobra3F {
top: -1669px;
left: 8.4%;
font-size: 160%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 133%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 100%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 552px) {

.Dobra1A { 
font-size: 101%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 205px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -483px;
left: 29%;
font-size: 215%;
}

.Dobra2D {
top: -473px;
font-size: 112%;
}

.button1 {
width: 25%;
margin-left: 21%;
top: -461px;
}

.map-container {
top: -380px;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 288px;
top: -550px;
}

.design2img {
top: -765px;
width: 90%;
padding-bottom: 221px;
}

.dobra3A {
top: -893.2px;
left: 27%;
font-size: 75%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 93%;
width: 50%;
padding-top: 86px;
}

.dobra3C {
padding-top: 132.5px;
top: -1139px;
left: 52%;
font-size: 82%;
width: 41.6%;
}

.dobra3D {
padding-top: 53.1px;
top: -1386px;
left: 270px;
font-size: 90%;
width: 50.5%;
}

.boxdobra3D {
top: -1449px;
left: 75%;
width: 131px;
height: 51px;
}

.dobra3E {
top: -1449px;
left: 9%;
font-size: 167%;
width: 73%;
}

.dobra3F {
top: -1669px;
left: 8.4%;
font-size: 160%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 127%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 100%;
}


.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 544px) {

.content a {
display: none;
}    

.headerbox-container1 {
            display: flex;
            align-items: center;
            width: 100%;
        }


.responsivemenu {
display: flex;
align-items: center;
margin-left: 20px; 
margin-right: 60px;
margin-top: 15px;  
}

.mansalva-regular {
  font-size: 110%;
}

/***************header****************/

.insidefirstimg1 {
  top: 10.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 200%;
}

.insidefirstimg2 {  
  top: 16.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 200%; 
}

.insidefirstimg3 {  
  top: 22%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 200%;
}

/***************firstimg****************/

.headerbox-container2 a {
display: none;
}    

.headerbox-container1 {
            display: flex;
            align-items: center;
            width: 100%;
        }

.icons {
        position: relative;        
        left: 70%;
        padding-right:50%;
        width: 10%;        
        } 

.insidefirstimg1 {
  position: absolute;
  top: 7%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 200%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg2 {
  position: absolute;
  top: 12%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 200%;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 5; /* Ensure it's above the image */
}

.insidefirstimg3 {
  position: absolute;
  top: 17%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  transform: translate(-50%, -50%); /* Center text */
  font-family: 'MansalvaRegular', sans-serif;
  font-size: 200%;
  color: rgb(255, 255, 255);
  text-align: center;
}

.insidefirstimg4 {
  position: absolute;
  top: 9%; /* Adjust vertically */
  left: 70%; /* Adjust horizontally */
  width: 20%;
  z-index: 5; /* Ensure it's above the image */
}

.responsivemenu {
display: flex;
align-items: center;
margin-left: 20px; 
margin-top: 15px;  
}

.Dobra1A { 
font-size: 98%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 205px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -483px;
left: 26%;
font-size: 215%;
}

.Dobra2D {
top: -469px;
font-size: 108%;
}

.button1 {
width: 25%;
margin-left: 23.5%;
top: -455px;
}

.insidebutton1 {
font-size: 50%;
padding-top: 1.5%;
padding-bottom: 1%;
}

.pin {
width: 8.5px;
height: 8.5px;
}

.design2A {
width: 67%;
height: 210px;
top: -300px;
left: 20%;
}

.design2B {
width: 69%;
height: 288px;
top: -550px;
}

.design2img {
top: -765px;
width: 90%;
padding-bottom: 221px;
}

.dobra3A {
top: -895.4px;
left: 27%;
font-size: 71%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 85%;
width: 50%;
padding-top: 86px;
}

.dobra3C {
padding-top: 132.5px;
top: -1139px;
left: 52%;
font-size: 79%;
width: 41.6%;
}

.dobra3D {
padding-top: 53.1px;
top: -1390px;
left: 253px;
font-size: 87%;
width: 50.5%;
}

.boxdobra3D {
top: -1453px;
left: 75%;
width: 121.6px;
height: 51px;
}

.dobra3E {
padding-top: 15px;
top: -1459px;
left: 9%;
font-size: 161%;
width: 73%;
}

.dobra3F {
top: -1669px;
left: 8.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 127%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 100%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 515px) {

.icons {
display: none;    
}

.mansalva-regular {
  font-size: 110%;
}

/***************header****************/

.insidefirstimg1 {
  top: 10.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 170%;
}

.insidefirstimg2 {  
  top: 15.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 170%; 
}

.insidefirstimg3 {  
  top: 20.4%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 170%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 98%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 205px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 250px;
top: -157px;
}

.Dobra2C {
width: 30%;
top: -483px;
left: 23%;
font-size: 215%;
}

.Dobra2D {
top: -467px;
font-size: 102%;
}

.button1 {
width: 27.5%;
margin-left: 21%;
top: -453px;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 251px;
}

.dobra3A {
top: -901.1px;
left: 27%;
font-size: 64%;
width: 42%;
}

.dobra3B {
top: -1040px;
left: 27%;
font-size: 81%;
width: 50%;
padding-top: 86px;
}

.dobra3C {
padding-top: 136.5px;
top: -1163px;
left: 52%;
font-size: 75%;
width: 43.6%;
}

.dobra3D {
padding-top: 79.1px;
top: -1408px;
left: 230px;
font-size: 79%;
width: 50.5%;
}

.boxdobra3D {
top: -1465px;
left: 75%;
width: 111.6px;
height: 48px;
}

.dobra3E {
padding-top: 15px;
top: -1474px;
left: 9%;
font-size: 151%;
width: 76%;
}

.dobra3F {
top: -1669px;
left: 8.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 117%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 100%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 467px) {

.mansalva-regular {
  font-size: 100%;
}

/***************header****************/

.insidefirstimg1 {
  top: 9.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 170%;
}

.insidefirstimg2 {  
  top: 14.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 170%; 
}

.insidefirstimg3 {  
  top: 19.4%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 170%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 95%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 205px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 248px;
top: -159px;
}

.Dobra2C {
width: 30%;
top: -475px;
left: 23%;
font-size: 209%;
}

.Dobra2D {
top: -465px;
font-size: 102%;
}

.button1 {
width: 29%;
margin-left: 18.5%;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 251px;
}

.dobra3A {
top: -901.3px;
left: 27%;
font-size: 64%;
width: 47%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 139.5px;
top: -1175px;
left: 52%;
font-size: 71%;
width: 47.6%;
}

.dobra3D {
padding-top: 83.1px;
top: -1408px;
left: 210px;
font-size: 74%;
width: 50.5%;
}

.boxdobra3D {
top: -1465px;
left: 75%;
width: 102.5px;
height: 48px;
}

.dobra3E {
padding-top: 25px;
top: -1494px;
left: 9%;
font-size: 145%;
width: 80%;
}

.dobra3F {
top: -1669px;
left: 10.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 117%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 100%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 433px) {

.Dobra1A { 
font-size: 89%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 201px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 248px;
top: -159px;
}

.Dobra2C {
width: 30%;
top: -469px;
left: 20%;
font-size: 205%;
}

.Dobra2D {
top: -463px;
font-size: 98%;
}

.button1 {
width: 32.7%;
margin-left: 16%;
top: -453px;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 251px;
}

.dobra3A {
top: -901.3px;
left: 27%;
font-size: 64%;
width: 47%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 140px;
top: -1175px;
left: 52%;
font-size: 71%;
width: 47.6%;
}

.dobra3D {
padding-top: 103.1px;
top: -1412px;
left: 203px;
font-size: 74%;
width: 51.5%;
}

.boxdobra3D {
top: -1465px;
left: 75%;
width: 102.5px;
height: 48px;
}

.dobra3E {
padding-top: 35px;
top: -1494px;
left: 9%;
font-size: 145%;
width: 80%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}


@media (max-width: 424px) {

.mansalva-regular {
  font-size: 95%;
}

/***************header****************/




.Dobra1A { 
font-size: 85%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 201px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 248px;
top: -159px;
}

.Dobra2C {
width: 30%;
top: -461px;
left: 18.5%;
font-size: 200%;
}

.Dobra2D {
top: -451px;
font-size: 98%;
}

.button1 {
width: 32.7%;
margin-left: 16%;
top: -441px;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 251px;
}

.dobra3A {
top: -901.3px;
left: 27%;
font-size: 64%;
width: 49%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 139px;
top: -1182px;
left: 51.7%;
font-size: 71%;
width: 47.6%;
}

.dobra3D {
padding-top: 103.1px;
top: -1417px;
left: 183px;
font-size: 74%;
width: 53.5%;
}

.boxdobra3D {
top: -1465px;
left: 75%;
width: 98.5px;
height: 42px;
}

.dobra3E {
padding-top: 35px;
top: -1506px;
left: 9%;
font-size: 140%;
width: 80%;
}



.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 408px) {

.mansalva-regular {
  font-size: 90%;
}

/***************header****************/

.insidefirstimg1 {
  top: 7.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 170%;
}

.insidefirstimg2 {  
  top: 12.5%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 170%; 
}

.insidefirstimg3 {  
  top: 17.4%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 170%;
}

/***************firstimg****************/



.Dobra1A { 
font-size: 84%;
line-height: 158%;
}

.Dobra2A {
width: 85%;
height: 201px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 248px;
top: -159px;
}

.Dobra2C {
width: 30%;
top: -461px;
left: 18.5%;
font-size: 200%;
}

.Dobra2D {
top: -447px;
font-size: 93%;
}

.button1 {
width: 35%;
margin-left: 12%;
top: -437px;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 251px;
}

.dobra3A {
top: -901.3px;
left: 27%;
font-size: 64%;
width: 49.5%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 144.5px;
top: -1189px;
left: 51.7%;
font-size: 68%;
width: 47.6%;
}

.dobra3D {
padding-top: 106.1px;
top: -1421px;
left: 183px;
font-size: 69%;
width: 51.7%;
}

.boxdobra3D {
top: -1465px;
left: 75%;
width: 94.5px;
height: 42px;
}

.dobra3E {
padding-top: 35px;
top: -1506px;
left: 9%;
font-size: 140%;
width: 82%;
}

.dobra3F {
top: -1669px;
left: 10.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 117%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 95%;
}


.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 395px) {

.mansalva-regular {
  font-size: 85%;
}

/***************header****************/

.insidefirstimg1 {
  top: 7.1%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 161%;
}

.insidefirstimg2 {  
  top: 12.1%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 161%; 
}

.insidefirstimg3 {  
  top: 17.0%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 161%;
}

/***************firstimg****************/


.Dobra1A { 
font-size: 80.7%;
line-height: 159%;
}

.Dobra2A {
width: 85%;
height: 197px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 240px;
top: -162.5px;
}

.Dobra2C {
width: 30%;
top: -461px;
left: 18.5%;
font-size: 200%;
}

.Dobra2D {
top: -447px;
font-size: 93%;
}

.button1 {
width: 37%;
margin-left: 12%;
top: -436.5px;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 277px;
}

.dobra3A {
top: -901.9px;
left: 22%;
font-size: 64%;
width: 51.5%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 149.4px;
top: -1193px;
left: 51.7%;
font-size: 64%;
width: 47.6%;
}

.dobra3D {
padding-top: 115.1px;
top: -1430.9px;
left: 183px;
font-size: 65%;
width: 50.7%;
}

.boxdobra3D {
top: -1478px;
left: 75%;
width: 90.5px;
height: 38px;
}

.dobra3E {
padding-top: 45px;
top: -1526px;
left: 9%;
font-size: 130%;
width: 83%;
}

.dobra3F {
top: -1669px;
left: 10.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 117%;
line-height: 105%;
} 

.dobra3F > h4 {
font-size: 91.5%;    
width: 95%;
}

.flexmap {
display: none;
}

.designfinal {
display: none;
}


@media (max-width: 378px) {

.mansalva-regular {
  font-size: 85%;
}

/***************header****************/

.insidefirstimg1 {
  top: 7.1%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 161%;
}

.insidefirstimg2 {  
  top: 12.1%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 161%; 
}

.insidefirstimg3 {  
  top: 17.0%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 161%;
}

/***************firstimg****************/



.Dobra1A { 
font-size: 80.7%;
line-height: 159%;
}

.Dobra2A {
width: 85%;
height: 197px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 240px;
top: -162.5px;
}

.Dobra2C {
width: 30%;
top: -461px;
left: 18.5%;
font-size: 200%;
}

.Dobra2D {
top: -447px;
font-size: 90%;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 277px;
}

.dobra3A {
top: -902.2px;
left: 17.5%;
font-size: 64%;
width: 53.5%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 148.5px;
top: -1193px;
left: 51.6%;
font-size: 64%;
width: 47.6%;
}

.dobra3D {
padding-top: 119.1px;
top: -1437.9px;
left: 174px;
font-size: 65%;
width: 52.7%;
}

.boxdobra3D {
top: -1484.25px;
left: 75%;
width: 87.5px;
height: 38px;
}

.dobra3E {
padding-top: 45px;
top: -1526px;
left: 9%;
font-size: 130%;
width: 83%;
}

.dobra3F {
top: -1676px;
left: 10.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 125%;
line-height: 114%;
} 

.dobra3F > h4 {
font-size: 86.5%;    
width: 95%;
}

.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 369px) {

.mansalva-regular {
  font-size: 79%;
}

/***************header****************/

.insidefirstimg1 {
  top: 7.1%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 157%;
}

.insidefirstimg2 {  
  top: 12.1%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */ 
  font-size: 157%; 
}

.insidefirstimg3 {  
  top: 17.0%; /* Adjust vertically */
  left: 20%; /* Adjust horizontally */
  font-size: 157%;
}

/***************firstimg****************/

.Dobra1A { 
font-size: 80.7%;
line-height: 159%;
}

.Dobra2A {
width: 85%;
height: 197px;
top: 26px;
}

.Dobra2B {
width: 85%;
height: 240px;
top: -162.5px;
}

.Dobra2C {
width: 30%;
top: -461px;
left: 18.5%;
font-size: 200%;
}

.Dobra2D {
top: -447px;
font-size: 90%;
}

.design2A {
width: 67%;
height: 180px;
top: -341px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -550px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 277px;
}

.dobra3A {
top: -902.2px;
left: 17.5%;
font-size: 62%;
width: 58%;
}

.dobra3B {
top: -1062px;
left: 27%;
font-size: 71%;
width: 50%;
padding-top: 122px;
}

.dobra3C {
padding-top: 148.5px;
top: -1198.8px;
left: 51.6%;
font-size: 61%;
width: 47.6%;
}

.dobra3D {
padding-top: 119.1px;
top: -1443.9px;
left: 161px;
font-size: 63%;
width: 52.7%;
}

.boxdobra3D {
top: -1488.25px;
left: 75%;
width: 83.5px;
height: 35px;
}

.dobra3E {
padding-top: 55px;
top: -1536px;
left: 9%;
font-size: 120%;
width: 83%;
}


.flexmap {
display: none;
}

.designfinal {
display: none;
}

@media (max-width: 350px) {

.headerbox-container1 {
font-size: 80%;
}

.headerbox-container1 {
font-size: 80%;
}

.vina-sans-regular {
  padding-left: 2%;
  padding-right: 2%;
}

.menu-content {
width: 80%;
font-size: ;
}

.Dobra1A { 
font-size: 70%;
line-height: 166%;
}

.Dobra2A {
width: 85%;
height: 160px;
top: 19px;
}

.Dobra2B {
width: 85%;
height: 200px;
top: -137.5px;
}

.Dobra2C {
width: 30%;
top: -382px;
left: 18.5%;
font-size: 165%;
padding-bottom: 61px;
}

.Dobra2D {
top: -447px;
font-size: 75%;
padding-bottom: 2.7px;
}

.flexmap {
display: none;
}

.aldeiasinf {
position: relative;            
top: -410px;
font-size: 50%;
visibility: hidden;
width: 30%;
}

.pin {
width: 8px;
height: 8px;
}

.button1 {
width: 40%;
margin-left: 7.9%;
top: -436.5px;
}

.design2A {
width: 67%;
height: 180px;
top: -361px;
left: 20%;
}

.design2B {
width: 69%;
height: 218px;
top: -570px;
}

.design2img {
top: -697px;
width: 90%;
padding-bottom: 277px;
}

.dobra3A {
top: -906.65px;
left: 17.5%;
font-size: 59%;
width: 68%;
line-height: 170.35%;
}

.dobra3B {
top: -1062px;
left: 25%;
font-size: 71%;
width: 60%;
padding-top: 122px;
}

.dobra3C {
padding-top: 157.5px;
top: -1215.8px;
left: 51.6%;
font-size: 55%;
width: 47.6%;
}

.dobra3D {
padding-top: 127.7px;
top: -1452.6px;
left: 155px;
font-size: 55%;
width: 50.7%;
}

.boxdobra3D {
top: -1492.5px;
left: 75%;
width: 77.5px;
height: 33.8px;
}

.dobra3E {
padding-top: 65px;
top: -1552px;
left: 9%;
font-size: 105%;
width: 86%;
}

.dobra3F {
top: -1684px;
left: 10.4%;
font-size: 150%;
line-height: 115%;
width: 84%;
}

.dobra3F > h1 {
font-size: 125%;
line-height: 114%;
} 

.dobra3F > h4 {
font-size: 85.5%;    
width: 95%;
}

.button3 {
width: 48.1%;
margin-left: 25%;
top: -1668px;
}

.insidebutton3 {
font-size: 74%;
padding-top: 1.5%;
padding-bottom: 1%;
}


.imgdesign1B {
top: -1610px;
}

.cntnrfooter {
top: -1575px;
}

.flexendC {
top: 500px;
}