@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0px;
    padding: 0px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
}
body {
    overflow-x: hidden;
}
.wrapper {
    width: 90%;
    padding: 5vh;
    background-color: rgba(115, 154, 191, 0.85);
    position: fixed;
    width: 95vw;
    left: 0;
    right: 0;
}
.title {
    float: left;
}
.title a{
    text-decoration: none;
    color: black;
}
nav {
    float: right;
}
nav a {
    padding: 0 2vw 0 2vw;
    color: black;
    text-decoration: none;
}
nav a:hover {
    color: white;
}
.main {
    padding: 12% 5vw 0 5vw;
}
.intro {
    margin: 5vh 100px 75vh 90px;
}
.introText {
    float: left;
    width: 30vw;
    padding-top: 3vh;
}
.introText h1 {
    font-size: 75px;
}
.introText p {
    font-size: 35px;
    padding-top: 2vh;
}
.intro img {
    float: right;
    padding-top: 12vh;
}
.image-grid {
    display: flex;
    width: 100vw;
    flex-wrap: wrap;
    margin: 0 125px 0 85px;
}
.columns {
    flex: 50%;
    max-width: 25%;
    padding: 0 4px;
}
.columns img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
#image3 {
    padding-top: 10vh;
}
.display {
    margin-top: 7vh;
    background-color: rgb(245, 245, 245);
}
.display h1 {
    text-align: center;
    padding-top: 10vh;
    font-size: 40px;
}
.displayText-grid {
    display: flex;
    width: 105vw;
    flex-wrap: wrap;
    margin: 0 125px 0 137px;
}
.column1 {
    flex: 50%;
    max-width: 25%;
    padding: 35px 2.5px;
}
.column1 img {
    margin-top: 25px;
    vertical-align: middle;
    width: 100%;
}
.column1 p {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.displayTitle {
    font-size: 28px;
}
.displayBody {
    color: rgb(90, 90, 90);
    font-size: 18px;
    margin-bottom: 7vh;
    line-height: 1.3;
}
.equipment-grid {
    display: flex;
    width: 100vw;
    flex-wrap: wrap;
    margin: 0 125px 0 160px;
}
.column2 {
    flex: 50%;
    max-width: 25%;
    padding: 0 4px;
}
.column2 img {
    margin-top: 15px;
    vertical-align: middle;
    width: 100%;
}
#e4 {
    width: 25vw
}
.equipment-grid h1 {
    text-align: center;
    padding-top: 10vh;
    font-size: 40px;
}
#e {
    text-align: center;
    padding-top: 7vh;
    padding-bottom: 5vh;
    font-size: 20px;
}
.us {
    margin-top: 7vh;
    background-color: rgb(245, 245, 245);
    padding-bottom: 150px;
}
.us h1 {
    text-align: center;
    padding-top: 10vh;
    font-size: 40px;
}
.us-grid {
    display: flex;
    width: 105vw;
    flex-wrap: wrap;
    margin: 4vh 125px 0 125px;
}
.usTitle {
    font-size: 28px;
}
.usBody {
    color: rgb(90, 90, 90);
    font-size: 18px;
    margin-bottom: 7vh;
    line-height: 1.3;
}
.column3 {
    flex: 50%;
    max-width: 20%;
    margin: 0 35px 0 35px;
}
.column3 p {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    padding: 0 125px 0 20px;
}
#f {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
}
.contact {
    text-indent: 40vw;
    initial-letter-align: alphabetic;
    padding-top: 20px;
    padding-bottom: 100px;
    background-color: rgb(115, 154, 191);
}
.contact h2 {
    font-size: 40px;
    padding: 10px;
    text-indent: 25vw;
}