body {
     margin: 0;
     width: 100%;
}

header {
     background: #2D4F7D;
     color: #fff;
     float: left;
     width: calc(100% - 50px);
     padding: 0 25px;
}

main {
     width: 100%;
     float: left;
}

h1 {
     float: left;
}

header img {
     float: right;
     width: 150px;
     margin-top: 5px;
}

h2 {
     font-size: 20px;
     color: #333;
     width: 100%;
}

h3 {
     font-size: 16px;
     color: #555;
     width: 100%;
     margin-top: -14px;
}

img {
     width: 100%;
}

a {
     /* color: #2D4F7D; */
     text-decoration: none;
}

a:hover {
     /* text-decoration: underline; */
}

.row {
     width: 100%;
     float: left;
}

.moduleContainer {
     background-color: #fcfcfc;
     border: 1px solid #ccc;
     border-radius: 3px;
     float: left;
     width: calc(25% - 82px);
     margin: 25px;
     padding: 0 15px;
     box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
     transition: box-shadow 0.3s ease-in-out;
}

.moduleContainer:hover {
     box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}