@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'FontAwesome5Regular';
src: url(fonts/FontAwesome5BrandsRegular400.otf);
}

@font-face {
font-family: 'FontAwesome5Solid';
src: url(fonts/FontAwesome5Solid900.otf);
}

@font-face {
font-family: 'FontAwesome5Brands';
src: url(fonts/FontAwesome5Brands.otf);
}

@font-face {
font-family: Luckiestguy;
src: url(fonts/luckiestguy.ttf);
}

@font-face {
font-family: LeagueSpartan;
src: url(fonts/LeagueSpartan.otf);
}

@font-face {
font-family: Acme;
src: url(fonts/Acme-Regular.ttf);
}

@font-face {
font-family: Jura;
src: url(fonts/Jura.otf);
}

@font-face {
font-family: MyriadPro;
src: url(fonts/MyriadPro.otf);
}

@font-face {
font-family: TitilliumSB;
src: url(fonts/Titillium-Semibold.otf);
}

@font-face {
font-family: TitilliumLT;
src: url(fonts/Titillium-Light.otf);
}

@font-face {
font-family: Blackjack;
src: url(fonts/Blackjack.otf);
}

@font-face {
font-family: Bebas;
src: url(fonts/Bebas.ttf);
}

@font-face {
font-family: Impact;
src: url(fonts/Impact.ttf);
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

html {
background: #000 url(images/backgroundIMG2.png) no-repeat bottom fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width:100%;
height: 100%;
padding: 0;
margin: 0;
}

body {
font-family: 'MyriadPro', Arial, sans-serif;
color: rgba(237, 240, 245, 1);
cursor: default;
padding: 0;
margin: 0;	
}

a, button {
cursor: pointer;
text-decoration: none;
color: #FFF;
}

a:hover {
opacity: 0.5;
}

h1 {
font-family:'LeagueSpartan', 'Bebas', Impact, Arial,
sans-serif;
text-shadow: 1px 1px 1px #000;
}

h3 {
font-family: 'LeagueSpartan', 'Bebas', Impact, Arial,
sans-serif;
letter-spacing: 0.02em;
text-shadow: 1px 1px 1px #000;
}

h4 {
font-weight: normal;
text-align: center;
text-shadow: 1px 1px 0px #333;
}

h5 {
font-family: 'TitilliumLT', 'MyriadPro', 'Jura', 'Gothic', sans-serif;
font-size: 2.8em;
font-weight: normal;
text-shadow: 1px 1px 0px #333;
margin-top: -10px;
margin-bottom: -15px;
}

img {
max-width: 700px;
}

p {
font-family: 'TitilliumLT', 'MyriadPro', 'Jura', 'Gothic', sans-serif;
}

hr {
text-shadow: none;
color: #FFF;
}

#preLoaderBox  {
display:none;
text-align: center;
position: fixed; right: 0; bottom: 0;
background: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 100%;
min-height: 100%;
margin:0 auto;
z-index: 650;
}

#preLoaderBox h1#introText  {
position:relative; top:-150px;
font-family: Impact, Verdana, Arial, sans-serif;
font-size: 3.6em;
font-weight: 300;
color: rgba(33, 168, 173, 1);
text-shadow: none;
}

#preLoaderBox h1#introText span {
color: rgba(256, 256, 256, 0.9);
}

#preLoaderBox #spinner {
border: 16px solid rgba(256,256,256,0.3);
border-radius: 50%;
border-top: 16px solid rgba(33, 168, 173, 0.4);
width: 120px;
height: 120px;
margin:0 auto;
margin-top:33vh;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

#bgvideoContainer video {
position: fixed; right: 0; bottom: 0;
background: #000 url(images/backgroundIMG1.png) no-repeat bottom fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 100%;
min-height: 100%;
}

.callOut1 {
font-family: 'Blackjack', 'LeagueSpartan', 'Bebas', Impact,
Arial, sans-serif;
font-size: 40px;
text-align: center;
background: linear-gradient(rgba(51, 51, 51, 0.7), rgba(0, 0, 0, 0.7));
color: rgba(37, 194, 200, 1);
padding: 10px 0px 5px 0px;
margin: 0px 0px 45px 0px;
width: auto;
}

.callOut2 {
font-family: 'Blackjack', 'LeagueSpartan', 'Bebas', Impact,
Arial, sans-serif;
font-size: 2.4em;
color: rgba(256, 256, 256, 0.95);
text-shadow: 1px 1px 0px #333;
line-height: 1.3em;
margin-bottom: -20px;
}

.callOut3 {
font: normal 1.8em 'Blackjack', serif;
line-height: 1.3em;
color: rgba(256, 256, 256, 1);
text-shadow: 1px 1px 0px #333;
margin-top: 10px;
}

.far, .fas, .fab {
font-size: 2em;
padding: 0px 10px;
}

.far {
font-family: 'FontAwesome5Regular';
}

.fas {
font-family: 'FontAwesome5Solid';
}

.fab {
font-family: 'FontAwesome5Brands';
}

.textType1 {
font-family: 'TitilliumSB ', 'Jura', 'MyriadPro', 'Gothic', sans-serif;
}

.textType2 {
font-family: 'LeagueSpartan', 'Bebas', Impact, 'Gothic', sans-serif;
font-size: 2.8em;
font-weight: normal;
margin-bottom: -0.2em;
}

.textType3 {
font: normal 1.8em 'LeagueSpartan', 'Bebas', Impact, 'Gothic', sans-serif;
text-transform: uppercase;
}

.textType4 {
font-family: 'Blackjack', Impact, 'LeagueSpartan', Arial,
sans-serif;
font-size: 1.4em;
color: rgba(89, 248, 254, 1);
text-shadow: 1px 1px 1px #000;
margin: -12px 0px 20px 0px;
}

nav {
display:none;
padding: 0;
margin: 0;
}

nav#navIcons {
position: fixed;
top: 0px;
right: 0px;
margin-top: 0px;
margin-right: 30px;
width: 65px;
height: 245px;
padding:0px 12px 0px 0px;
z-index: 600;
}

nav#navIcons ol #home, nav#navIcons ol #homeSML  {
display:none;
}

nav#navIcons ol li {
display: inline-block;
float: left;
background: linear-gradient(#1e989c,#164b59);
border-radius: 55px;
width: 40px;
height: 40px;
padding: 8px;
margin-bottom: 7px;
margin-right:8px;
}

nav#navIcons ol li#home {
display: none;
}

nav#navIcons ol li a {
display: inline-block;
font-size: 0.9em;
color: #e6e6e6;
text-decoration: none;
margin: 4px auto;
margin-left: -7px;
border: none;
}

nav#navIcons ol li a#contactLink1 {
padding-left:3px;
}

nav#navIcons ol li a span {
display: none;
font: normal 1em 'LeagueSpartan', 'Bebas', Impact, 'Gothic',
sans-serif;
line-height: 2.5em;
padding-left: 7px;
}

nav#navIcons ol li a span#aboutLink1Text {
padding-left: 4px;
}

nav#navIcons ol li a span#contactLink1Text {
padding-left: 4px;
}

nav#navIcons ol li a span:hover {
display: inline;
}

nav ol li a:hover {
opacity: 1;
}

nav#navIconsSML {
display: none;
}

nav#navIconsSML ol li a span {
font: normal 1.1em 'LeagueSpartan', 'Bebas', Impact, 'Gothic',
sans-serif;
}

#main {
visibility: hidden;
position: absolute;
margin: 0;
padding: 0;
padding-top:150px;
}

#main header {
width: auto;
height: auto;
padding: 0px 30px 0px 30px;
}

#main header h1#companyName {
font: 7.8em 'LeagueSpartan', 'Bebas', Impact, Arial,
sans-serif;
font-weight: 900;
color: rgba(33, 168, 173, 0.9);
letter-spacing: 0em;
width: 100%;
margin: 0;
padding: 0;
}

#main header h1#companyName span {
color: rgba(256, 256, 256, 0.9);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

#main header h3#companyTagline {
font: normal 2.2em 'LeagueSpartan', 'Bebas', Impact, Arial, sans-serif;
color: rgba(33, 168, 173, 0.9);
text-shadow: 1px 1px 0px #000;
letter-spacing: 0.02em;
text-transform: uppercase;
margin: -40px 0px -30px 38px;
}

#main header p#intro {
font: bold 1.8em 'TitilliumLT', 'MyriadPro', 'Jura', 'LeagueSpartan',
Arial, sans-serif;
color: rgba(256, 256, 256, 0.95);
text-shadow: 2px 1px 0px #000;
line-height: 40px;
width: 57%;
margin-left: 39px;
padding-bottom: 125px;
}

#main #AboutUs {
float: left;
color: #FFF;
background: linear-gradient(rgba(23, 92, 101, 0.7), rgba(32, 140, 153, 0.7), rgba(9, 47, 47, 0.6));
padding: 0;	
margin: 0;
}

#main #AboutUs section {
padding: 5% 0% 8% 8%;
}

#main #AboutUs section.sectionBG1 {
background: rgba(0,0,0,0.2);
}

#main #AboutUs section#ourMeaning, #main #AboutUs section#ourMotto {
padding-top: 10%;
padding-bottom:10%;
}

#main #AboutUs section .sectionText  {
width:65%;
}

#main #AboutUs section#ourEdge p#ourEdgeText1 {
padding-top:20px;
clear:both;
}

#main #AboutUs #pointsLIST ul {
margin:0px 0px 0px 25px;
padding:10px 0px 20px 0px;
list-style-type: none;
width: 85%;
}

#main #AboutUs #pointsLIST ul li {
float:left;
color: rgba(255, 255, 255, 1);
text-shadow: 1px 1px 0px #000;
}

#main #AboutUs #pointsLIST ul li img.listIMG {
width: 45px;
height: 45px;
padding:0;
margin:0;
opacity: 0.8;
}

#main #AboutUs #pointsLIST ul li em {
font: normal 35px 'Blackjack', 'MyriadPro', 'Jura', Impact, Arial, sans-serif;
}

#main #AboutUs img {
float:left;
width:180px;
height: auto;
padding: 20px 20px 0 0;
margin:0 0 0 0;
opacity: 1;
}

#main #AboutUs .sectionText p {
font-size: 1.5em;
line-height: 1.5em;
letter-spacing: 0.01em;
}

#main #AboutUs .sectionText p.textType2 {
font-size: 2em;
}

#main #AboutUs .sectionText img.aboutTextIMG1 {
float: right;
border-radius: 10px;
width: 300px;
height: auto;
margin: -20px 30px 10px;
}

#main #AboutUs .sectionText img.aboutTextIMG2 {
float:right; 
border-radius: 10px;
width:320px;
height:auto;
margin: 0px 0px 10px 50px; 
}

#main #AboutUs .sectionText img.aboutTextIMG3 {
float: left;
border-radius: 0px;
width: 280px;
height: auto;
margin: 0px 25px 5px 0px;
}

#main footer {
}

/* ------------- MODAL START ------------------- */

#messageModal {
z-index: 700;
}

.modal {
visibility: hidden;
position: fixed; 
left: 0;
top: 0;
width: auto; 
height: auto;
z-index: 800;
}

.modalContent {
position: relative;
top: 0;
color: #333;
background-color: #FFF987;
background-image:
linear-gradient(90deg, transparent 79px, transparent 79px, transparent 81px, transparent 81px),
linear-gradient(#ddd .1em, transparent .1em);
background-size: 100% 1.7em;
border: 3px solid #FFF;
opacity: 1;
margin: 0 auto;
padding: 0px 0px 0px 10px;
height: auto;
width: 425px;
overflow-y: auto;
-webkit-animation: animatetop 2s; /* Safari 4.0 - 8.0 */
animation: animatetop 2s;
}

.modal .modalContent {
position: relative;
top: 10px; left:10px;
border-radius: 45px;
border: none;
margin: 0 auto; 
margin-right: -5px;
padding: 25px 0px 30px 0px;
height: 100%;
width: auto;
}

/* Safari 4.0 - 8.0 */
@
-webkit-keyframes animatetop {
from {top: -300px;
opacity: 0;
}

to {
top: 0px;
opacity: 1;
}

}
@
keyframes animatetop {
from {top: -300px;
opacity: 0;
}

to {
top: 0px;
opacity: 1;
}
}

.closeModal {
float: right;
font: bold 35px 'LeagueSpartan', 'Bebas', Impact, Arial,
sans-serif;
color: #b9b9b9;
padding: 0px 7px 2px 7px;
margin: 0px 15px 0px 0px;
}

.closeModal:hover, .closeModal:focus {
opacity: 0.5;
text-decoration: none;
cursor: pointer;
}

#mainModal {
margin-left:30px;
}

.modal a, .modal button {
color: rgba(100, 98, 98, 1); 
}

article#outreachBox {
display: none;
padding: 0;
margin:30px 0px 0px 12px;
}

section#outreachLinks h3 {
font: 3.5em 'Luckiestguy', 'Bebas', Impact, Arial, sans-serif;
text-shadow: none;
color: rgba(52, 177, 177, 1);
padding:0;
margin:0;
margin:-28px 0px -15px 0px;
}

section#outreachLinks h3 i.fas {
position: relative; top:3px; right:-5px; 
font-size: 1.5em;
font-weight: normal;
padding: 0;
margin:0;
}

section#outreachLinks #infoListContent a .fas {
font-size:1.3em;
color: rgba(52, 177, 177, 1);
padding: 0;
margin: 0;
padding-right:15px;
}

section#outreachLinks #infoListContent {
margin-top: 18px;
}

section#outreachLinks #infoListContent p {
font: normal 1.6em 'Luckiestguy', 'Bebas', Impact, Arial, sans-serif;
color:rgba(85,85,85,1);
line-height: 1.2em;
padding:0;
margin:0;
margin-bottom: 15px;
text-transform: uppercase;
}

/* ----------------- SCROLLBARS START ------------------- */

.scrollable {
margin: 0 auto;
width: 400px;
position: relative;
overflow: hidden;
height: auto;
}

.scrollable.showScroll::after {
position: absolute;
content: '';
top: 5%;
right: 7px;
height: 90%;
width: 3px;
}

.scrollable.showScroll::after {
display: none;
}

.scroller {
z-index: 5;
cursor: pointer;
position: absolute;
top: 0px;
right: 3px;
width: 14px;
border-radius: 10px;
background: transparent;
-webkit-transition: top .08s;
-moz-transition: top .08s;
-ms-transition: top .08s;
-o-transition: top .08s;
transition: top .08s;
}

.scroller {
display: none;
}

.scrollable .content-wrapper {
width: 100%;
height: 100%;
padding-right: 50%;
animation-name: animatetop;
animation-duration: 0.4s z-index:200;
overflow-y: scroll;
}

.content {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* ----------------- SCROOLBARS END ------------ */

/*------------------------- MODAL END ----------------------------*/


/* ********************************* RESPONSIVE CSS ******************************** */

@media screen and (max-width: 1250px) {

#main header p#intro {
width:80%;
}

#main #AboutUs section .sectionText {
width: 85%;
}

#main #AboutUs #pointsLIST ul {
margin: 0px 0px 0px 25px;
padding: 10px 0px 20px;
list-style-type: none;
width: 95%;
}

}


@media screen and (max-width: 1000px) {

#main #AboutUs section .sectionText {
width: 90%;
}

#main #AboutUs .sectionText p {
font-size: 1.3em;
line-height: 1.5em;
letter-spacing: 0.01em;
}

#main #AboutUs #pointsLIST img {
width:200px;
height: auto;
padding: 0 0 3% 18%;
opacity: 0.9;
}

#main #AboutUs #pointsLIST ul {
margin: 0px 0px 0px 0px;
padding: 3% 0 3% 5%;
list-style-type: none;
width: 95%;
}

}

/* ********************* TABLET ************************ */


@media screen and (max-width : 750px) {

nav#navIcons {
position: fixed;
top:-5px;
right:5px;
border-radius: 50px 0px 0px 50px;
margin:0 auto;
padding:0;
width: auto;
height: auto;
z-index: 600;
}

nav#navIcons li {
margin:0;
padding:0;
margin-right:15px;
}

nav#navIconsSML ol {
margin-left: -20px;
}

nav#navIconsSML ol li {
display: inline-block;
margin: 2px 0px 8px 0px;
width: 58px;
}

nav#navIconsSML ol li a {
font-size: 0.9em;
display: inline-block;
text-decoration: none;
margin: 0 auto;
border: none;
}

nav#navIconsSML ol li a span {
font: normal 0.9em 'LeagueSpartan', 'Bebas', Impact, 'Gothic',
sans-serif;
}

#main header h1#companyName {
font: 6.5em 'LeagueSpartan', 'Bebas', Impact, Arial, sans-serif;
}

#main header h3#companyTagline {
font: normal 1.8em 'LeagueSpartan', 'Bebas', Impact, Arial, sans-serif;
margin: -33px 0px -20px 30px;
}

#main header p#intro {
font: bold 1.6em 'TitilliumLT', 'MyriadPro', 'Jura', 'LeagueSpartan', Arial, sans-serif;
line-height: normal;
color: rgba(256, 256, 256, 0.95);
text-shadow: 2px 1px 0px #000;
width: 90%;
margin-left: 39px;
padding-bottom: 125px;
}

#main #AboutUs section {
padding: 10% 0% 8% 8%;
}

#main #AboutUs p.callOut1 {
font-size: 35px;
padding: 10px 0px 5px 0px;
margin: 0px 0px -20px 0px;
}

#main #AboutUs section .sectionText {
width: 96%;
}

#main #AboutUs section .sectionText p {
font-size: 21px;
line-height: 1.3em;
letter-spacing: 0.01em;
}

#main #AboutUs section .sectionText .callOut2 {
font-size: 32px;
margin-bottom: -20px;
}

}


/* ********************* SMART PHONE ************************ */


@media screen and (max-width : 650px) {

.textType2 {
font-family: 'LeagueSpartan', 'Bebas', Impact, 'Gothic', sans-serif;
font-size: 2.3em;
font-weight: normal;
margin-bottom: -0.2em;
}

#main {
padding-top: 115px;
}

#main header {
width: auto;
height: auto;
padding: 0;
padding: 0px 0px 0px 5px;
}

#main header h1#companyName {
font: 4.5em 'LeagueSpartan', 'Bebas', Impact, Arial, sans-serif;
padding: 0;
letter-spacing: 0.01em;
width: auto;
margin: 30px 0px 0px 10px;
}

#main header h3#companyTagline {
font: normal 1.2em 'LeagueSpartan', 'Bebas', Impact, Arial, sans-serif;
margin: -23px 0px -20px 30px;
letter-spacing: 0.03em;
}

#main header p#intro {
font: bold 1.2em 'TitilliumLT', 'MyriadPro', 'Jura', 'LeagueSpartan', Arial, sans-serif;
color: rgba(256, 256, 256, 0.95);
text-shadow: 1px 1px 0px #000;
line-height: 28px;
width: 95%;
margin-left: 30px;
padding-bottom: 15%;
}

#main #AboutUs section {
padding: 3% 0% 8% 5%;
}

#main #AboutUs section .sectionText  {
width: 95%;
padding: 0;
margin:0;
margin:15% 0% 10% 0%;
}

#main #AboutUs section .sectionText p.textType2 {
font-size: 24px;
margin-bottom: -10px;
}

#main #AboutUs section .sectionText p {
font-size: 19px;
line-height: 1.3em;
letter-spacing: 0.01em;
}

#main #AboutUs #pointsLIST img {
float: none;
position: relative;
width: 200px;
height: auto;
margin: 0;
opacity: 1;
padding: 2% 0% 0% 10%;
}

#main #AboutUs #pointsLIST ul {
float: left;
margin: 0px 0px 0px -5px;
padding: 10px 0px 5px 5px;
list-style-type: none;
}

#main #AboutUs #pointsLIST ul li {
margin-bottom: -8px;
}

#main #AboutUs #pointsLIST ul li img.listIMG {
position: relative;
top: 10px;
left: -5px;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
}

#main .sectionText  #pointsLIST ul li img.listIMG {
position: relative; top:0px; left:-30px;
width: 38px;
height: 38px;
padding:0;
margin:0;
opacity: 1;
z-index: 100;
}

#main #AboutUs #pointsLIST ul li em {
font: normal 30px 'Blackjack', 'MyriadPro', 'Jura', Impact, Arial, sans-serif;
}

#main #AboutUs p.callOut1 {
font-size: 26px;
padding: 10px 0px 5px 0px;
margin: 0px 0px -20px 0px;
}

#main #AboutUs section .sectionText .callOut2 {
font-size: 29px;
margin-bottom: -20px;
}

#main #AboutUs section .sectionText p.callOut3 {
font-size: 18px;
margin-top: 18px;
}

#main #AboutUs .sectionText img.aboutTextIMG1 {
float: right;
border-radius: 10px;
width: 45%;
height: 45%;
margin: 0px 10px 0px 10px;
}

#main #AboutUs .sectionText img.aboutTextIMG3 {
float: left;
border-radius: 0px;
width: 43%;
height: auto;
margin: 0px 15px 5px 0px;
}

.modal {
visibility: hidden;
position: fixed; 
left: 0;
top: 0;
width: 100%; 
height: 100%;
z-index: 800;
}

#mainModal {
margin-left:15px;
}
.modal .modalContent {
position: relative;
top: 0px;
border-radius: 0px;
border: none;
margin: 0 auto; 
margin-right: -5px;
padding: 25px 0px 30px 0px;
height: 100%;
width: auto;
}

}


@media screen and (max-width : 450px) {

nav#navIcons {
position: fixed;
top: -5px;
right: 0px;
left:-40px;
border-radius: 50px 0px 0px 50px;
margin: 0px auto;
padding: 0px;
width: 100%;
height: auto;
z-index: 600;
}

nav#navIcons ol li {
display: inline-block;
float: left;
background: linear-gradient(#1E989C, #164B59) repeat scroll 0% 0% transparent;
border-radius: 55px;
width: 33px;
height: 33px;
padding: 6px;
margin-bottom: 7px;
margin-right: 4px;
}

nav#navIcons ol li a {
display: inline-block;
font-size: 0.7em;
color: #E6E6E6;
text-decoration: none;
margin: 4px auto 4px -7px;
border: medium none;
}

#main header h1#companyName {
font: 3em "LeagueSpartan","Bebas",Impact,Arial,sans-serif;
padding: 0px;
letter-spacing: 0.01em;
width: auto;
margin: 10px 0px 0px 10px;
}

#main header h3#companyTagline {
font: 1.1em "LeagueSpartan","Bebas",Impact,Arial,sans-serif;
margin: -15px 0px -20px 25px;
letter-spacing: 0.03em;
}

#main header p#intro {
font: bold 20px "TitilliumLT","MyriadPro","Jura","LeagueSpartan",Arial,sans-serif;
color: rgba(255, 255, 255, 0.95);
text-shadow: 1px 1px 0px #000;
width: 85%;
margin-left: 27px;
padding-bottom: 15%;
}

#main #AboutUs p.callOut1 {
font-size: 27px;
line-height: 30px;
padding: 12px 0px 7px 0px;
margin: 0px 0px 0px 0px;
}

#main #AboutUs section .sectionText .callOut2 {
font-size: 30px;
margin-bottom: -20px;
}

#main #AboutUs section .sectionText .callOut3 {
font: 25px "Blackjack",serif;
color: #FFF;
line-height: 33px;
text-shadow: 1px 1px 0px #333;
margin-top: 15px;
}

#main #AboutUs section .sectionText p.textType2 {
font-size: 20px;
margin-bottom: -10px;
}

#main #AboutUs section .sectionText p {
font-size: 18px;
line-height: 1.3em;
letter-spacing: 0.01em;
}

#main #AboutUs .sectionText img.aboutTextIMG1 {
float: right;
border-radius: 10px;
width: 80%;
height: 80%;
margin: -15px 0px 10px 0px;
}

#main #AboutUs .sectionText img.aboutTextIMG3 {
float: left;
border-radius: 0px;
width: 80%;
height: 80%;
margin: -15px 0px 15px 0px;
}

#main #AboutUs #pointsLIST img {
float: none;
position: relative;
width: 180px;
height: auto;
margin: 0px;
opacity: 1;
padding: 2% 0% 0% 10%;
}

#main #AboutUs #pointsLIST ul {
margin:0px 0px 0px -8px;
padding:10px 0px 20px 0px;
list-style-type: none;
width: 100%;
}

#main #AboutUs #pointsLIST ul li img.listIMG {
position: relative;
top: 10px;
left: -8px;
width: 33px;
height: 33px;
padding: 0px;
margin: 0px -5px 0px 0px;
}

#main #AboutUs #pointsLIST ul li em {
font: 24px "Blackjack","MyriadPro","Jura",Impact,Arial,sans-serif;
}

}

@media screen and (max-width : 400px) {

#main #AboutUs p.callOut1 {
font-size: 26px;
line-height: 30px;
padding: 12px 0px 7px;
margin: 0px;
}

#main #AboutUs .sectionText img.aboutTextIMG1 {
float: right;
border-radius: 10px;
width: 90%;
height: 90%;
margin: -15px 0px 10px 0px;
}

#main #AboutUs .sectionText img.aboutTextIMG3 {
float: left;
border-radius: 0px;
width: 90%;
height: 90%;
margin: -15px 0px 15px 0px;
}

}

/*-----------------------------NOTES------------------------------NOTES-----------------------NOTES------------------*/