body {
            margin: 0;
            padding: 0;

      justify-content: center;
      align-items: center;
      margin: 0;
        }

        .banner {
           
            
           
           
            text-align: right;
            padding: 2px 0; 
      width: 100%;
      height: 200px; 
      background-color: #3B5B70;
     

        }

.nav-container {
justify-content: right;
    
margin-top:140px;
margin-right:11%;
}
 
.nav-link {
      margin-right: 30px;
      text-decoration: none;
      color: white;
font-size:18px;
letter-spacing: 0px;
font-family: Calibri, Arial, sans-serif;
  }

#name_form,  #telephone_form, #email_form {
    width: 250px;
margin:0px 0px 20px 0px;
}

#additional_info {
    width: 500px;
height:150px;
margin:20px 0px 20px 0px;
}

#maybe_third_party {
margin:0px 0px 20px 0px;
}

#changes, #information {
width:500px;
height:70px;
margin:0px 0px 20px 0px;
}

#address_form {
 width: 250px;
height: 100px;
margin:0px 0px 20px 0px;
}


.contact-container {
justify-content: right;
margin-top:10px;
margin-right:14%;
}


.contact-link {
margin-right:30px; 
text-decoration: none;
color: white;
font-size:18px;
font-family: Calibri, Arial, sans-serif;

}

    
.box-container {
    justify-content: center;
    display: flex;
    margin: 30px auto; /* Auto margin for centering and removing negative margin */
    width: 1180px; /* Adjust max-width based on your desired maximum width */
    width: 100%; /* Ensure the container takes the full width if the screen is smaller than max-width */
}

.box {
    width: 550px;
    box-sizing: border-box; /* Include padding and border in the total width */
    margin: 0 20px;
    background-color: #f1f1f1;
    padding: 30px 20px;
   
}

    button {
            background-color: #003366; /* Dark blue */
            color: white;
            padding: 15px 30px; /* Make the button bigger */
            border: none;
            border-radius: 20px; /* Rounded edges */
            font-size: 18px;
            cursor: pointer;
            margin-top: 20px;
        }
        
        button:hover {
            background-color: #002244; /* Slightly darker blue on hover */
        }



.bottom_border {
  text-align: center;
            padding: 20px 20px 20px 2px; 
      width: 100%;
      height: 80px; 
      background-color: #3B5B70;
}

.boots {
width:500px;
text-align:center;
}

.apdo {
width:175px;
}


.intune {
width:250px;
}

.isoa {
width:250px;
}



.karin {
float:right; 
width:260px; 
margin:10px 10px 20px 20px;
}

.logo {
height:190px;
 position: absolute;
      left: 11%;
}

.indent {
margin:30px 0px 0px 140px;
}

.indent2 {
margin:0px 0px 0px 50px;
}


.lakespic {
width:250px;
}


.logo2 {
width:250px;
}



.logo4 {
width:450px;
}


.kvinna {
float: left;                      
width: 140px;                     
border-radius: 10px;              
margin: 10px 10px 10px 0px; 
}


.clock {
                     
width: 300px;                     
border-radius: 10px;              
}


.changeballs {
                      
width: 500px;                     
border-radius: 10px;              
margin: 10px 10px 10px 0px; 
}


.changebutton {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}


.cables {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}


.goldfish {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 7px 10px 10px 0px; 
}


.chamelion {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}


.puppetmaster {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}


.girl {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}


.boxes {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.changechans {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}


.leaf {
width:250px;
}


.serv1 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.serv2 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.serv3 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.serv4 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.serv5 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.serv6 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}

.serv7 {
float: left;                      
width: 130px;                     
border-radius: 10px;              
margin: 25px 10px 10px 0px; 
}





.center-container {
    text-align: center;
}


.get-started-link {
    display: inline-block;
    padding: 10px;
    border: 2px solid #3B5B70
    background-color: #E37F75;
    color: #604439;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px;
    margin: 40px auto; 
}

        h1 {
            font-size: 72px;
            font-family: Calibri, Arial, sans-serif;
            
color:#604439;
margin:0px;
padding:0px;

        }



        h2 {
            font-size: 48px;
            font-family: Calibri, Arial, sans-serif;
color:#000000;
        }


        h3 {
            font-size: 32px;
            font-family: Calibri, Arial, sans-serif;
color:
margin:0px;
padding:0px;

        }

h4 {
            font-size: 26px;
            font-family: Calibri, Arial, sans-serif;
color:#000000;
margin:0px;
padding:0px;
        }



        p {
            font-size: 18px;
            font-family: Calibri, Arial, sans-serif;
color:#000000;
        }


a {
            font-size: 18px;
            font-family: Calibri, Arial, sans-serif;
color:#000000;
text-decoration: none;
        }

li {
            font-size: 18px;
            font-family: Calibri, Arial, sans-serif;
color:#000000;
        }