/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

a{ text-decoration: none; color: #fff; }

/*li {display: inline;}*/

/*-----------------Mobile----------------------------*/

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

.grid-wrapper{
  display: grid;
  grid-template-columns: 1% 32% auto 1%;
  grid-template-rows: 1vh 4vh 84vh 10vh 1vh;
  grid-gap: 0px;
  /*background-color: #2196F3;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas:
  "topmar topmar topmar topmar"
  "ml mheader mnavbar mr"
  "ml main main mr"
  "ml mfooter mfooter mr"
  "botmer botmar botmar botmar";
}

.topmar { grid-column: 1 / span 4; }

.ml { grid-column: 1 / span 1; }

.mr { grid-column: 4 / span 1; }

.header { display: none; }

.header a img { display: none; }

.mheader { grid-column: 2 / span 1; background-color: #9a2570; z-index: 3; } /*2e8b57*/

.mheader a img{ height: 125%; margin-top: -0.5vh; }

.main { grid-column: 2 / span 2; }

.main .subhead { display: flex; justify-content: center; margin-top: 12vh; color: #000; font-size: 8vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.main .mission p { display: flex; justify-content: center; margin: 5vh 10vw 0.5vh 10vw; color: #000; font-size: 4.5vw; font-family: 'Rajdhani', sans-serif; font-weight: 600; line-height: 1.5; }

.main .button { margin-top: 5vh; }

.main .button a {
    position: absolute;
    left: 38%;
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color:#7892c2;
    border-radius:10px;
    border:1px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    padding:6px 26px;
    text-decoration:none;
    text-shadow:0px 1px 0px #283966;
}
.main .button a:hover {
    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color:#476e9e;
}
.main .button a:active {
    position:relative;
    top:1px;
}

.main .telblurb { text-align: center; margin-top: 15vh; color: #992600; font-size: 3vw; font-family: 'Rajdhani', sans-serif; font-weight: 700 }

.main .telnoshome { text-align: center; color: #992600; font-size: 4.3vw; font-family: 'Rajdhani', sans-serif; font-weight: 700 }

.footer { grid-column: 2 / span 2; background-color: #333; }

.botmar { grid-column: 1 / span 4; }

.navbar {display: none; }

.navbar ul li { display: none; }

.navbar ul li a { display: none; }

.mnavbar { grid-column: 3 / span 1; display: flex; justify-content: right; height: 100%; align-self: end; background-color: #9a2570; }

.mnavbar ul { padding-top: 1.5vh; }

.mnavbar ul li { list-style-type: none; display: inline; padding: 0 2vw 0 3vw; }

.mnavbar ul li a { color: #fff; font-size: 4vw; font-family: 'Rajdhani', sans-serif; }

.footer { display: none; }

.mfooter { grid-column: 2 / span 2; background-color: #333; }

.mfooter .foottext { margin: 15px 0px 1px 12px; color: #ccc; font-size: 2vw; font-family: 'Ariel', sans-serif; line-height: 1.3;}

.mfooter .pplink { margin: -6% 5px 1px 80%; }

.mfooter .pplink a { color: #ccc; text-decoration: none; font-size: 2.8vw; font-family: 'Rajdhani', sans-serif; }

}


/*---------------- Tablet--------------------*/

@media screen and (min-width: 480px) and (max-width: 915px) {

  .grid-wrapper{
  display: grid;
  grid-template-columns: 1% 32% auto 1%;
  grid-template-rows: 1vh 5vh 95vh 8vh 1vh;
  grid-gap: 0px;
  /*background-color: #2196F3;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas:
  "topmar topmar topmar topmar"
  "ml mheader mnavbar mr"
  "ml main main mr"
  "ml mfooter mfooter mr"
  "botmer botmar botmar botmar";
}

.topmar { grid-column: 1 / span 4; }

.ml { grid-column: 1 / span 1; }

.mr { grid-column: 4 / span 1; }

.header { display: none; }

.header a img { display: none; }

.mheader { grid-column: 2 / span 1; background-color: #9a2570; z-index: 3; } /*2e8b57*/

.mheader a img{ height: 125%; margin-top: -0.5vh; }

.main { grid-column: 2 / span 2; }

.footer { display: none; }

.mfooter { grid-column: 2 / span 2; background-color: #333; }

.main .subhead { display: flex; justify-content: center; margin-top: 10vh; color: #000; font-size: 5vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.main .mission p { display: flex; justify-content: center; margin: 5vh 10vw 0.5vh 10vw; color: #000; font-size: 2.6vw; font-family: 'Rajdhani', sans-serif; font-weight: 500; line-height: 1.5; }

.main .button { margin-top: 4vh; }

.main .button a {
    position: absolute;
    left: 45%;
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color:#7892c2;
    border-radius:10px;
    border:1px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    padding:6px 26px;
    text-decoration:none;
    text-shadow:0px 1px 0px #283966;
}
.main .button a:hover {
    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color:#476e9e;
}
.main .button a:active {
    position:relative;
    top:1px;
}

.main .telblurb { text-align: center; margin-top: 12vh; color: #992600; font-size: 1.8vw; font-family: 'Rajdhani', sans-serif; font-weight: 700 }

.main .telnoshome { text-align: center; color: #992600; font-size: 2.5vw; font-family: 'Rajdhani', sans-serif; font-weight: 700 }

.footer { grid-column: 2 / span 2; background-color: #333; }

.botmar { grid-column: 1 / span 4; }

.navbar {display: none; }

.navbar ul li { display: none; }

.navbar ul li a { display: none; }

.mnavbar { grid-column: 3 / span 1; display: flex; justify-content: right; height: 100%; align-self: end; background-color: #9a2570;} /*#2e8b57;*/

.mnavbar ul { padding-top: 1.5vh; }

.mnavbar ul li { list-style-type: none; display: inline; padding: 0 2vw 0 3vw; }

.mnavbar ul li a { color: #fff; font-size: 2.5vw; font-family: 'Rajdhani', sans-serif; }

.mfooter { grid-column: 2 / span 2; background-color: #333; }

.mfooter .foottext { margin: 8px 0px 1px 12px; color: #ccc; font-size: 1.2vw; font-family: 'Ariel', sans-serif; line-height: 1.2;}

.mfooter .pplink { margin: -6% 5px 1px 80%; }

.mfooter .pplink a { color: #ccc; text-decoration: none; font-size: 2.2vw; font-family: 'Rajdhani', sans-serif; }

}  



/*----------------Desktop----------------------------*/

@media screen and (min-width: 915px) and (max-width: 1200px) {

.grid-wrapper{
  display: grid;
  grid-template-columns: 1% 33% 22% auto 1%;
  grid-template-rows: 1.5vh 7vh 83.5vh 8vh 1vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas:
  "topmar topmar topmar topmar topmar" 
  "ml header navbar navbar mr"
  "ml main main main mr"
  "ml footer footer footer mr"
  "botmar botmar botmar botmar botmar";
}


.topmar { grid-column: 1 / span 5; }

.ml { grid-column: 1 / span 1; }

.mr { grid-column: 4 / span 1; }

.header { grid-column: 2 / span 1; background-color: #9a2570; z-index: 3; }

.navbar { grid-column: 3 / span 2; display: flex; justify-content: right; height: 100%; align-self: end; background-color: #9a2570; }

.navbar .telnos{ display: none;}

.mnavbar { display: none; }

.main { grid-column: 2 / span 3; }

.navbar ul { padding-top: 3vh; }

.navbar ul li { list-style-type: none; display: inline; padding: 0 5vh 0 0; }

.navbar ul li a { color: #fff; font-size: 1.5vw; font-family: 'Rajdhani', sans-serif; }

.mheader { dispaly: none; }

.mheader img { display: none; }

.header img { z-index: 1; height: 128%; margin-top: -1vh; z-index: 2; }

.main .subhead { display: flex; justify-content: center; margin-top: 18vh; color: #000; font-size: 4.5vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.main .mission { margin: 3vh 10vw 3vh 10vw; color: #000; font-size: 2.2vw; font-family: 'Rajdhani', sans-serif; }

.main .button { display: flex; justify-content: center; margin-top: 6vh; }

.main .button a {
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color:#7892c2;
    border-radius:10px;
    border:1px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:12px 37px;
    text-decoration:none;
    text-shadow:0px 1px 0px #283966;
}
.main .button a:hover {
    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color:#476e9e;
}
.main .button a:active {
    position:relative;
    top:1px;
}

.main .telblurb { text-align: center; margin-top: 4vh; color: #992600; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif; z-index: 2; font-weight: 700 }

.main .telnoshome { text-align: center; color: #992600; font-size: 1.8vw; font-family: 'Rajdhani', sans-serif; z-index: 2; font-weight: 700 }

.footer{ grid-column: 2 / span 3; background-color: #333; }

.footer .foottext { margin: 10px 0px 1px 15px; color: #ccc; font-size: 0.9vw; font-family: 'Ariel', sans-serif; }

.footer .pplink { margin: -2% 6px 1px 90%; }

.footer .pplink a { color: #ccc; text-decoration: none; font-size: 1vw; font-family: 'Rajdhani', sans-serif; }

.mfooter {display: none;}

.botmar { grid-column: 1 / span 5; }

}

/*----------------Desktop-Large---------------------------*/

@media screen and (min-width: 1200px) {

.grid-wrapper{
  display: grid;
  grid-template-columns: 1% 33% 22% auto 1%;
  grid-template-rows: 1.5vh 7vh 82.5vh 8vh 1vh;
  grid-gap: 0px;

  margin: 0px 0px 0px 0px;

  grid-template-areas:
  "topmar topmar topmar topmar topmar" 
  "ml header navbar navbar mr"
  "ml main main main mr"
  "ml footer footer footer mr"
  "botmar botmar botmar botmar botmar";
}

.topmar { grid-column: 1 / span 5; }


.ml { grid-column: 1 / span 1; }

.mr { grid-column: 4 / span 1; }

.header { grid-column: 2 / span 1; background-color: #9a2570; z-index: 3;}

.navbar { grid-column: 3 / span 2; display: flex; justify-content: right; height: 100%; align-self: end; background-color: #9a2570; }

.navbar .telnos { display: none;}

.mnavbar { display: none; }

.main { grid-column: 2 / span 3; }

.footer{ grid-column: 2 / span 3; background-color: #333; }

.botmar { grid-column: 1 / span 5; }

.navbar ul { padding-top: 3vh; }

.navbar ul li { list-style-type: none; display: inline; padding: 0 5vh 0 0; }

.navbar ul li a { color: #fff; font-size: 1.5vw; font-family: 'Rajdhani', sans-serif; }

.mheader { dispaly: none; }

.mheader img { display: none; }

.header img { z-index: 1; height: 128%; margin-top: -1vh; }

.main .subhead { margin: 3vh 50vw 3vh 8vw; display: flex; justify-content: center; margin-top: 14vh; color: #000; font-size: 3.5vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.main .mission { margin: 3vh 50vw 3vh 8vw; color: #000; font-size: 1.5vw; font-family: 'Rajdhani', sans-serif; line-height: 1.2;  }

.main .button { margin: 3vh 50vw 3vh 8vw; display: flex; justify-content: center; margin-top: 9vh; }

.main .button a { 
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color:#7892c2;
    border-radius:10px;
    border:1px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:19px;
    padding:12px 37px;
    text-decoration:none;
    text-shadow:0px 1px 0px #283966;
}
.main .button a:hover {
    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color:#476e9e;
}
.main .button a:active {
    position:relative;
    top:1px;
}

.main .telblurb { text-align: center; margin-top: 4vh; color: #992600; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif; z-index: 2; font-weight: 700 }

.main .telnoshome { text-align: center; color: #992600; font-size: 1.8vw; font-family: 'Rajdhani', sans-serif; z-index: 2; font-weight: 700 }

.main .faqblurb { margin: 3vh 3vw 3vh 3vw; color: #222; font-size: 1.3vw; font-family: 'Rajdhani', sans-serif; font-weight: 400; line-height: 1.2; }

.main .hsespic img { width: 100%; height: 100%;}

.footer .foottext { margin: 10px 0px 1px 15px; color: #ccc; font-size: 0.7vw; font-family: 'Ariel', sans-serif; }

.footer .pplink { margin: -2% 6px 1px 90%; }

.footer .pplink a { color: #ccc; text-decoration: none; font-size: 1vw; font-family: 'Rajdhani', sans-serif; }

.mfooter{ display: none; }

}