* {
    box-sizing: border-box; 
}

nav {
    background-color: rgb(17, 17, 126);
    height: 70px;
     padding-top: 5px;
}
nav li {
   display: inline;
}

nav li a {
    margin: 5px;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
   
}

.afterhead {
    background-color: black;
    height: 200px;
    width: 100%;
}

.header {
    background-image: url(bg_office.jpeg);
    width: 100%;  
    height: 250px;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 20px;
}

#content {
    width: 100%;
    content: none;
    clear: both;
    display: table;
}

.img {
    float: right;
    width: 33.33%;
    padding: 5% 5%;
}

.h1 {
    width: 33.33%;
    padding: 5% 5%;
    float: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#footer {
    background-color: black;
    width: 100%;
    content: none;
    clear: both;
    display: table;
}

.div1 {
    width: 25%;
    overflow: auto;
    float: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 2%;
    border-bottom: 2px solid green;
}

.img1 {
    float: left;
    padding-bottom: 100px;
}

.div2 {
    float: left;
    width: 25%;
    padding: 2%;
}

.div3 {
    float: left;
    width: 25%;
    padding: 2%;
}

.div4 {
    float: right;
    width: 25%;
    padding: 2%;
}

h2 {
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.a a {
    display: block;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   
}
.b a {
    display: block;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.c a {
    display: block;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.d a {
    display: block;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.end {
    background-color: rgb(32, 30, 30);
    color: white;
    -webkit-margin-collapse: collapse;
    height: 100px;
    padding-left: 70px;
    padding-top: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

@media screen and (max-width: 600px) {
  #content .img {
    width: 100%;
  }

  .div1, .div2, .div3, .div4 {
    width: 100%;
  }
}