body{
    justify-content: center;
    background-color: rgb(11, 15, 94);
    color: white;
    padding: 0px;
    margin: 0px;
}

a{
    color:rgb(11, 15, 94) 
}

.pdfLink{
    color: white; 
}

.pageHeader{
    height: 110px;
    width: 100%;
    background-color: rgb(11, 15, 94);
    position: fixed;
    z-index: 1;
}

.pageHeaderLogo {
    height: 85px;
    background-image: url("tssheader2.gif");
    background-repeat: no-repeat;
}

.pageHeaderLogoText{
    text-align: center;
    margin-left: 115px;
}

.pageHeaderButtonWrapper{
    position: absolute;
    right: 5px;
    bottom: 35px;
}

.pageHeaderButtons{
    color:rgb(11, 15, 94);
    background-color: white;
}

.pageHeaderText {
    font-size: 15px;
    font-family:  Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -1px ;
}

.aboutUsWrapper{
    position: relative;
    top: 150px;
    width: 100%;
    height: 250px;
    color: rgb(11, 15, 94);
    background-color: white;
}

.aboutUsTitle{
    text-align:center;
    padding: 40px;
    font-size: 30px;
    font-weight: bold;
}

.aboutUsText{
    font-size: 18px;
    margin-left: 40px;
    font-style: italic;
    margin: 0px 40px 0px 40px;
}

.productsWrapper{
    position: relative;
    top: 150px;
    height: 280px;
    background-color: rgb(11, 15, 94);
    color: white;
}

.productsTitle{
    text-align:center;
    padding: 40px;
    font-size: 30px;
    font-weight: bold;
}

.product1Wrapper{
    position: relative;
    height: 240px;
    margin: 0px 25px 0px 25px;
    display: flex;
    flex: auto;
}

.product1Title{
    width: 50%;
    text-align: center;
    font-size: 23pt;
}

.product1MediaWrapper{
    justify-content: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
}

.product1Media{
    height: 100% ;
    width: 100%;
}

.product2Wrapper{
    position: relative;
    height: 240px;
    padding: 25px;
    display: flex;
    flex: auto;
}

.product2Title{
    width: 50%;
    text-align: center;
    font-size: 15pt;
}

.product2MediaWrapper{
    justify-content: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
}

.product2Media{
    height: 100% ;
    width: 100%;
}

.product3Wrapper{
    position: relative;
    height: 240px;
    padding: 25px;
    display: flex;
    flex: auto;
}

.product3MediaWrapper{
    justify-content: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
}

.product3Title{
    width: 50%;
    text-align: center;
    font-size: 15pt;
}

.product3Media{
    height: 100% ;
    width: 100%;
}

.product4Wrapper{
    position: relative;
    height: 240px;
    padding: 25px;
    display: flex;
    flex: auto;
}

.product4MediaWrapper{
    justify-content: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
}

.product4Title{
    width: 50%;
    text-align: center;
    font-size: 15pt;
}

.product4Media{
    height: 100% ;
    width: 100%;
}

.pageContacts{
    position: relative;
    top: 240px;
    width: 100%;
    color: rgb(11, 15, 94);
    background-color: white;
}

.pageContactsTitle{
    text-align:center;
    padding: 40px;
    font-size: 30px;
    font-weight: bold;
}

.tssContact{
    justify-content: center;
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
}

.tssContactImage{
    width: 50%;
    margin: 0px 15px 0px 0px;
}

.vendorsDiv{
    justify-content: center; 
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.vendorContact{
    justify-content: center;
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    margin: 50px 0px 0px 0px;
}

.vendorContactImage{
    width: 50%;
    margin: 0px 0px 0px 15px;
}

.clientsDiv{
    justify-content: center; 
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.clientContact{
    justify-content: center;
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    margin: 50px 0px 0px 0px;
}

.clientContactImage{
    width: 50%;
    margin: 0px 0px 0px 15px;
}

.pageFooter{
    position: relative;
    top: 210px;
    width: 100%;
    color: white;
    background-color: rgb(11, 15, 94);
    margin: 50px 0px 0px 0px;
}