.container-fluid {
    width: 90%;
    position: relative;
    color: white;
}

.container {
    width: 90%;
    position: relative;
    text-align: center;
    color: white;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    color: white;
    transform: translate(-50%, -50%);
}

.left {
    position: absolute;
    top: 50%;
    left: 25%;
    text-align: left;
    color: white;
    transform: translate(-50%, -50%);
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 2px 2px;
    cursor: pointer;
    border-radius: 8px;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > .active > a{
    color: rgb(0, 0, 140);
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    color: black;
}

/* Top Left Settings **/
/* Desktop screen resolution high width 1920px */
@media only screen and (max-width: 1920px) {
    .topleft {
        position:absolute;
        top: 60px;
        left: 60px;
        right: 60px;
    }
}

/* iPad Landscape */
@media only screen and (max-width: 1024px) {
    .topleft {
        position:absolute;
        top: 60px;
        left: 30px;
        right: 30px;
    }
}

/* iPad Portrait */
@media only screen and (max-width: 768px) {
    .topleft {
        position:absolute;
        top: 20px;
        left: 20px;
        right: 20px;
    }
}

/* iPad Mini Landscape */
@media only screen and (max-width: 768px) {
    .topleft {
        position:absolute;
        top: 20px;
        left: 20px;
        right: 20px;
    }
}

/* iPad Mini Portrait */
@media only screen and (max-width: 568px) {
    .topleft {
        position:absolute;
        top: 10px;
        left: 10px;
        right: 10px;
    }
}

/* iPhone5 Landscape */
@media only screen and (max-width: 568px) {
    .topleft {
        position:absolute;
        top: 10px;
        left: 10px;
        right: 10px;
    }
}
/* iPhone5 Portrait */
@media only screen and (max-width: 320px) {
    .topleft {
        position:absolute;
        top: 10px;
        left: 10px;
        right: 10px;
    }
}

/* Padding for Unordered Lists **/
ul#list1 li {
	padding: 5px;
}

ul#list2 li {
    padding: 5px;
}

ul#list3 li {
	padding: 5px;
}

/* Padding for Ordered Lists **/
ol#list1 li {
	padding: 5px;
}

ol#list2 li {
    padding: 5px;
}

ol#list3 li {
	padding: 5px;
}

/* Default font for text in menu items and body - do not change */
body {
    font-family: Calibri;
    font-size: 12pt;
    color: Black;
}

/* Fonts and padding for paragraphs */         
p.c1 {
    text-align: center;
    background-color: lightgrey;
}

p.c2 {
    font-family: Calibri;
    font-size: 12pt;
    color: Black;
}

p.c3 {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 80px;
}

p.c4 {
    padding-top: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

p.c5 {
    padding-top: 40px;
    padding-bottom: 50px;
    padding-right: 150px;
}

p.c6 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 80px;
}

p.c7 {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-right: 200px;
}

p.c8 {
    padding-left: 20px;
}

/* Padding for wide and large blocks of text */
p.c9 {
    padding-left: 20px;
    padding-right: 20px;
}

/* Fonts for headings and other standout text on white background */
span.c1 {
    font-family: Calibri;
    font-size: 14pt;
    color: Black;
}

span.c2 {
    font-family:Calibri;
    font-size: 32pt;
    color:  rgb(0, 0, 140);
}

span.c3 {
    font-family:Calibri;
    font-size: 14pt;
    color: rgb(0, 0, 140);
}

}
span.c4 {
    font-family:Calibri;
    font-size: 18pt;
    color: rgb(0, 0, 140);
}

span.c5 {
    font-family: Calibri;
    font-size: 48pt;
    color: Black;
}

span.c6 {
    font-family: Calibri;
    font-size: 12pt;
    font-weight: bold;
    color: Yellow;
}

/* For Lists of Free Articles */
span.c7 {
    font-family:Calibri;
    font-size: 14pt;
    color: rgb(0, 0, 140);
}

/* For bold text at the start of paragraphs */
span.c8 {
    font-family:Calibri;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
}

span.c9 {
    font-family:Calibri;
    font-size: 48pt;
    color:  rgb(0, 0, 140);
}

/* For text overlaid on images at top of web page */
span.c10 {
    font-family:Calibri;
    font-size: 28pt;
    color:  White;
}

/* For Company Name on Navigation Bar Header */
/* Blue */
span.c11 {
    font-family: Calibri;
    font-size: 13pt;
    font-weight: bold;
    color: rgb(0, 0, 140);
}

/* Black */
span.c12 {
    font-family: Calibri;
    font-size: 13pt;
    font-weight: bold;
    color: Black;
}