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

html,
html * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
	}

body  {                         /* body top margin so body content isnt' obscured by header */
    margin-top: 180px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    background-color: #FFFFFF;
    z-index: auto;
	}

#container {  /* CSS Document  */
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
	} 
.pgContent  {   /* CSS Document    for index2021B route dir*/
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    z-index: 0;
    position: relative;
    height: auto;
}

#toppho {   /* CSS Document */
    margin-bottom: 0px;
    position: relative;
    top: 0px;
    bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    /* [disabled]text-align: center; */
    display: block;
	} 

#toppho  .content  {   /* CSS Document */
    position: absolute;
    bottom: 0;  /* Black background with 0.5 opacity */
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: rgba(18,0,113,.40);
} 

div.midpho {   /* CSS Document*/
    margin-bottom: 0px;
    top: 0px;
    bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    display: block;
    position: static;
	} 

img {  /* CSS Document    for index2021B route dir*/
    max-width: 100%;
    height: auto;
    vertical-align: text-top;
    /* [disabled]-webkit-transform: translate3d(0,0,0); */
    /* [disabled]transform: translate3d(0,0,0); */
}

div.absolute {
    /* [disabled]position: relative; */
    top: auto;
    right: auto;
    width: 400px;
    height: 300px;
    border: thick solid rgba(255,255,255,1.00);
    left: 0px;
    bottom: 0px;
    background-color: rgba(255,255,255,.7);
}

.row_01 {
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.row_02 {
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 200px;
    padding: 20px;
    border-top: thin solid rgba(0,0,0,1.00);
    }

.row_03 {
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 50px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    border: medium solid rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,0.01);
    /* [disabled]background-image: url(../images/backgd-1.png); */
    /* [disabled]background-size: cover; */
    }

.column_full {
    width: 100%;
    float: left;
    margin-top: 0px;
    line-height: 24px;
    padding-top: 10px;
    /* [disabled]padding-bottom: 10px; */
    margin-top: 15px;
    /* [disabled]margin-bottom: 15px; */
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.column_half {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}
.column_one3rd {
    width: 25%;
    float: left;
    line-height: 24px;
    padding-top: 100px;
    padding-bottom: 10px;
    margin-top: 100px;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 300px;
    background-image: url(../images/OnPoint.png);
    background-repeat: repeat-y;
    background-position: center center;
    position: absolute;
}

.copy {  /* CSS Document    for index2021B route dir*/
    font-size: 18px;
    color: #000000;
    text-align: left;
    /* [disabled]padding-right: 2em; */
    padding-left: 5px;
    height: auto;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
.copy A:link      {
    color: #333333;
    text-decoration: underline;
    font-weight: bold;
}

.copy A:visited    {
	color: #333333;
	text-decoration: underline
}
.copy A:hover  {
    text-decoration: none;
    background-color: #000099;
    color: #CF3235;
    font-weight: bold;
}
/*  font-family: 'Playfair Display';    font-weight: 600; */
.copywho  {
    font-family: 'Playfair Display', serif;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    text-decoration: none;
    font-size: 24px;
    line-height: 45px;
    float: left;
    color: rgba(0,0,0,1.00);
}

.copywho2  {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: center;
    float: none;
}

.style2 {  /* CSS Document */
    font-size: 32px;
    line-height: 60px;
    height: auto;
}

.style3 {  /* CSS Document */
    font-size: 32px;
    line-height: 60px;
}
/*  font-family: 'Playfair Display';   font-weight: 500;*/
.style4 {  /* CSS Document*/
   font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 60px;
    color: rgba(0,0,0,1.00);
}
/*  font-family: 'Playfair Display';    font-weight: 500;*/
.style5 {  /* CSS Document*/
   font-family: 'Playfair Display', serif;
    font-weight: 400;
    text-align: center;
}


.rline {  /* CSS Document    for index2021B route dir*/
    border-bottom: 1px solid #000000;
}

 /* ########## Media Query Breakpoints ########## */

@media only screen and (min-width: 767px) and (max-width: 950px)  {
    
 	.column_half   {
    width: 50%;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}

}   
    


@media only screen and (min-width: 320px) and (max-width: 768px)  {

	body {
	margin-top: 2em;     }
	
	.column_half   {
    width: 100%;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}

}






/*
html {
	width: 100%;
	height: 100%;
	background: url("Enter your image URL") center center no-repeat;
}


/* Add this as properties to a selector 
	background-image: url("image url"), url("image url");
	background-color: rgba(159,232,251,0.42);
	background-size: 50% 100%;
	background-repeat: no-repeat, no-repeat;


test body {
 background-image: url(../image/***.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

footer {
	margin-top: -3.5em;
	padding-top: 10em;
	background-image: -webkit-linear-gradient(bottom left, rgb(255,91,127) 0%, rgb(255,213,86) 100%);
	background-image: -o-linear-gradient(bottom left, rgb(255,91,127) 0%, rgb(255,213,86) 100%);
	background-image: linear-gradient(to top right, rgb(255,91,127) 0%, rgb(255,213,86) 100%);
}
*/