@charset "utf-8";
/* CSS Document */

html {;}

p{font-family: 'Montserrat', sans-serif;  line-height:150%;}

h3{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 25px;}

.Header { background-color: #5b5f76;
height:7em;
	width:100%;
	margin:0;padding:0
}

.cover {
    background-image: url("../images/LPI-1920.jpg");
    height: 422px;
    background-color: #5b5f76;
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 55%;
    background-size: cover;
    background-repeat: no-repeat;
}

.blank1 { background-color: #ededef;
Height:32em;
	width: 100%;
position: relative;

}

.imageback {
    background-image: url("../images/Background1.jpg");
    Height: 40em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 55%;
    background-size: cover;
    background-repeat: no-repeat;
}

.blank2 {height:50em; width: 100%;}

.blank3 { height: 10em; width: 100%; background-color: #5b5f76;}

 
    .wrapper{
      display:grid;
     grid-template-columns: 1fr 2fr;
      grid-auto-rows:minmax(100px, auto);
      justify-items:stretch;
      align-items:stretch;
		max-width: 1920px;
		text-align: center;
		background-color:white;
		z-index: 1;
		transform: translatey(-50px);
		-webkit-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
-moz-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
		margin-left: 5em;
		margin-right: 5em;
		
    }

 
 

    .box1{
      /*align-self:start;*/
      grid-column:1/2;
      grid-row:1/4;
    }

.box1 img {max-width: 300px;  padding-top: 4em;}

.box1 p {text-align: center; max-width: 50%; line-height: 30px;}

.box2 {
    /*align-self:end;*/
    grid-column: 2/3;
    grid-row: 1/4;
    background-image: url("../images/RightImage.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

    .box3{
      /*justify-self:end;*/
      grid-column:2/3;
      grid-row:4/6;
		text-align: center;
		padding-top: 2em;
	
    }

.box3 p {max-width: 60%;	
padding-bottom: 2em; line-height: 30px;}

.box4 {
    grid-column: 1;
    grid-row: 4/6;
    background-image: url("../images/leftImage1.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.overlay1 {width:1200px; }

    .wrapper2{
      display:grid;
     grid-template-columns: 2fr 1fr;
      grid-auto-rows:minmax(100px, auto);
      justify-items:stretch;
      align-items:stretch;
		max-width: 1920px;
		text-align: center;
		background-color:white;
		z-index: 1;
		transform: translatey(-40px);
		-webkit-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
-moz-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
		margin-left: 5em;
		margin-right: 5em;
    }

.box11 {
    /*align-self:start;*/
    grid-column: 1/2;
    grid-row: 1/4;
    background-image: url("../images/BWImage.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.box22 img {max-width: 300px;  padding-top: 4em;}

.box22 p {text-align: center; max-width: 50%; }

    .box22{
      /*align-self:end;*/
      grid-column:2/3;
      grid-row:1/4;
		 		
	
		

	
   }

.box33 {
    /*justify-self:end;*/
    grid-column: 2/3;
    grid-row: 4/6;
    text-align: center;
    padding-top: 2em;
    background-image: url("../images/RightImage22.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.box33 p {max-width: 60%; padding-bottom: 2em;}

    .box44{
      grid-column:1;
      grid-row:4/6;
      		padding-bottom: 8em; padding-top: 8em;
	
    }

.box44 p {text-align: left;  padding-left: 8em; padding-right:8em;}

.box44 h3 {text-align: left; padding-left: 5em; }

a {color:#0084C8; text-decoration:none;}

@media screen and (max-width: 1800px) {
	
	.blank1 { height: 32em;}
	.blank2 { height: 53em;}
}

@media screen and (max-width: 1600px) {
	
	.blank1 { height: 34em;}
	.blank2 { height: 58em;}
}

@media screen and (max-width: 1300px) {
	
	.blank1 { height: 42em;}
	.blank2 { height: 73em;}
}


@media screen and (max-width: 1180px) {
	
	    .wrapper{
      display:grid;
     grid-template-columns: 1fr;
      grid-auto-rows:minmax(100px, auto);
      justify-items:stretch;
      align-items:stretch;
		max-width: 1920px;
		text-align: center;
		background-color:white;
		z-index: 1;
		transform: translatey(-50px);
		-webkit-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
-moz-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
		margin-left: 2em;
		margin-right: 2em;
		
    }
 .box1{
      /*align-self:start;*/
      grid-column:1/4;
      grid-row:1/4;
    }


    .box2 {
        /*align-self:end;*/
        grid-column: 1/4;
        grid-row: 4/7;
        background-image: url("../images/RightImage.jpg");
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .box3{
      /*justify-self:end;*/
      grid-column:1/4;
      grid-row:7/8;
		text-align: center;
		padding-top: 0;
	
    }
	.box3 h3 {padding-top: 2em;}
.box3 p {max-width: 60%;	
padding-bottom: 3em;  line-height: 30px;}

    .box4 {
        grid-column: 1;
        grid-row: 8/12;
        background-image: url("../images/leftImage1.jpg");
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

 .wrapper2{
      display:grid;
     grid-template-columns: 1fr;
      grid-auto-rows:minmax(100px, auto);
      justify-items:stretch;
      align-items:stretch;
		max-width: 1920px;
		text-align: center;
		background-color:white;
		z-index: 1;
		transform: translatey(-50px);
		-webkit-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
-moz-box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
box-shadow: -2px 0px 22px 10px rgba(0,0,0,0.11);
		margin-left: 2em;
		margin-right: 2em;
		
    }
 .box11{
      /*align-self:start;*/
      grid-column:1/4;
      grid-row:1/4;
    }

   .box22{
      /*align-self:end;*/
      grid-column:1/4;
	   grid-row:4/7;
	}
	


    .box33{
      /*justify-self:end;*/
      grid-column:1/4;
      grid-row:7/12;
		text-align: center;
		padding-top: 0;
	
    }

    .box44{
      grid-column:1;
      grid-row:12/13;
    padding-top: 2em;
		 padding-bottom: 2em;  
	
    }
	.box44 p {padding-left: 2em; padding-right: 2em;}
	.box44 h3 {padding-left: 1em; padding-right: 2em;}
	
	.blank1 { height: 78em;}
	.blank2 { height: 95em;}
}


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

    .box1 img {
        max-width: 250px;
        padding-top: 4em;
    }

    .blank1 {
        height: 50em;
    }

    .blank2 {
        height: 140em;
    }

   

}


@media screen and (max-width: 200px) {
	
	.blank1 { height:50em;}
	.blank2 { height: 100em;}

    .box44 p {
        padding: 2em;
        
    }
}



@font-face {
    font-family: 'FA brands 400';
    src: url('../fonts/fa-brands-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}