body {background-color:#4b90d3; background-image:none; position:relative;}
body::before {content:""; background-color:#fff; 
    width:100%; height:135px; z-index:-1;position:absolute;
left:0px; top:0px; background-image:url(/images/graphPaper.svg);
background-repeat:repeat;}
header {height:280px; background-position: center -40px;
background-color:transparent; position:relative; padding-top:210px}
header::after {content:""; position:absolute;
width:100%; height:180px; left:0px; bottom:0px;
background-color:#fff; z-index:-1;}
.infoBanner {background:rgba(255,255,255,0.5); padding:20px; border-radius:10px; margin: 0 0px; 
    display:flex; position:relative; }
.infoBannerContents p {color:#3f5665; text-align:left;}
.infoBannerContents p strong {font-size:1.2rem;}
.infoBannerContents .far {display:block; font-size:4rem; float:left; margin-right:30px; margin-bottom:10px;}
.lcpLogo {width:100%; text-align:center;
background-position-x: calc(50% - 40px); }
.contentWrapper {background-color:#4b90d3; position:relative;overflow-y:hidden; 
    border-bottom:0px;}
.contentWrapper::before {content:""; height:1px; position:absolute; top:0px; 
    left:0px; width:100%; box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);z-index:2;}
p {color:#fff; text-align:center;}
.thinForm p {text-align:left;}
p a {color:#fff; text-decoration:underline;}
.thinForm {margin:20px auto;}
footer {background-color:#4b90d3;}
input[type="text"],input[type="password"] {background-color:#4b90d3; border:0px; box-shadow:none;
color:#fff; box-sizing:border-box; padding-left:60px; border-bottom:1px solid #92bce4; margin-bottom:20px; padding-bottom:10px}
.username, .password,.confirmCode,.repeatPassword {position:relative;}
.username::before, .password::before,.confirmCode::before,.repeatPassword::before {font-family:"Font Awesome 5 Pro"; color:#fff; position:absolute; font-size:1.4em;
left:15px; content:"\f3c2";}
.username::before {content:"\f007";}
.confirmCode::before {content:"\f084";}
.repeatPassword::before {content:"\f01e";}
input::placeholder {color:#fff;}

.submit a {background-color:#3c5774; border-color:#3c5774; border-radius:0px; width:100%; margin:0 auto;
display:block; padding: 15px;}
.submit a:hover {background-color:#3c5774; border-color:#fff}

@media (min-width: 576px) { 

    header::after {height:160px;}
    .infoBanner {margin:0 20px;}
 }


@media (min-width: 768px) { 

   
    
 }


@media (min-width: 992px) { 


 }


@media (min-width: 1200px) { 



}