@charset "UTF-8";
.container {
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.row {
	width: 100%;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block;
	border-top: thin lightgrey solid;
	
}
.row.blockDisplay {
	display: block;
}
.column_half {
	width: 50%;
	float: left;
	margin-top: 0px;
}
.left_article ul li {
	width: 33%;
	font-family: "Source Sans Pro";
	color: #A5A5A5;
	text-align: justify;
}
.columns {
	width: 33%;
	float: left;
	font-family: "Source Sans Pro";
	color: #A5A5A5;
	line-height: 24px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: justify;
	margin-top: 70px;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}
.columns2 {
	width: 25%;
	float: left;
	font-family: "Source Sans Pro";
	color: #A5A5A5;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.row .columns p {
	font-size: 20px;
	padding-left: 10%;
	padding-right: 10%;
}
.container .columns h4 {
	font-size: 30px;
	text-align: center;
	color: #01B2D1;
}

.columns img {
	width: 95%;
	max-height: 40vh;

}

.primary_header {
	width: 100%;
	background-color: #52bad5;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: left;
	border-bottom: 2px solid #2C9AB7;
}
.secondary_header {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	clear: left;
	
}
.container .secondary_header ul {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 100%;
	
}
.secondary_header ul li {
	padding-bottom: 3vw;
	list-style: none;
	float: left;
	margin-right: 120px;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
}
.secondary_header ul li:hover {
	color: #717070;
	cursor: pointer;
}
.left_article {
	background-color: #FFFFFF;
	width: 60%;
	float: left;
	font-family: "Source Sans Pro";
	color: #343434;
	padding-bottom: 15px;
}

.container .left_article h3 {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 5%;
	color: #717070;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 40px;
}
.container .left_article p {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify;
	line-height: 24px;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #B3B3B3;
	font-size: 20px;
}
.right_article {
	margin-top: px;
	margin-bottom: 15px;
	width: 40%;
	float: left;
}

.right_article img {
	min-width: 35vw;
	height: auto;
}

.container .right_article ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.right_article ul li {
	font-family: "Source Sans Pro";
	list-style: none;
	text-align: center;
	background-color: #B3B3B3;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 0px;
	transition: all 0.3s linear;
	border-left: 5px solid #717070;
}
.right_article ul li:hover {
	background-color: #717070;
	cursor: pointer;
}
.footer {
	background-color: #52BAD5;
}
.title {
	font-weight: bold;
	font-style: normal;
	font-family: "Source Sans Pro";
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 2px;
}

a:link {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: darkgoldenrod;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: rosybrown;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

.left_half {
	background-color: #52BAD5;
}
.right_half {
	background-color: #01B2D1;
	color: #FFFFFF;
	font-family: "Source Sans Pro";
	text-align: center;
	font-weight: bold;
}
.column_title {
	padding-top: 25px;
	padding-bottom: 25px;
}
.copyright {
	text-align: center;
	background-color: #52BAD5;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
	font-family: "Source Sans Pro";
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.secondary_header {
	margin: 5vh auto 15vh auto;
	border: 1px solid #095c71;
}

img {
	max-width: 90%;
	max-height: 90%;
}

.social {
	margin: 15vh 30vw 5vh 30vw;
	align-content: space-between;
}

.social a {
	margin: 10px;
}

.thumbnailadopt {
	border-radius: 25px;
}



@media screen and (min-width: 320px) and (max-width: 767px){
	.container {
		width: 100%;
	}
	.secondary_header {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		 align-content: center; 
		align-items: center;
		width: 100%;
		height: 10px;
		padding-top: 25px;
		padding-bottom: 40px;
		clear: left;
		border: none;
		border-top: 2px solid black;
		border-bottom: 2px solid black;
	}


	.secondary_header ul {
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		width: 100%;
	}

	.secondary_header ul li {
		display: block;
		margin: 4vw;
		margin-top: 12.5%;
		font-size: 12px;
		padding-bottom: 2vw;
	}

	
	.social {
		display: inline-block;
		position: static;
		margin: 50px auto 50px auto;
		padding-left: 8vw;
		align-content: space-evenly;
		justify-content: center;
		align-items: center;
	}

	.social a {
		margin: 2.5vw;
	}

	.social img {
		width: 15vw;
	}

	.copyright {
		align-self: center;
		margin: 10px auto 0px auto;
	}


/*Assigned Media Query*/

@media (min-width: 768px) and (max-width: 1023px) {
    .secondary_header {
        overflow: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .secondary_header ul li {
        margin-top: 10px;
        margin-right: 7%;
        margin-bottom: 10px;
        margin-left: 7%;
    }
    
    .left_article {
        height: auto;
    }
    
    .right_article {
        height: auto;
        padding-bottom: 27px;
    }
    
    .placeholder {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .columns {
        width: 50%;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    
    .container .columns p {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .secondary_header {
        overflow: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .secondary_header ul li {
        margin-top: 10px;
        margin-right: 7%;
        margin-bottom: 10px;
        margin-left: 7%;
    }
    
    .left_article {
        height: auto;
    }
    
    .right_article {
        height: auto;
        padding-bottom: 27px;
    }
    
    .placeholder {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .columns {
        width: 50%;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    
    .container .columns p {
        padding-left: 25px;
        padding-right: 25px;
    }
}










/*MY MEDIA QUERY*/

/* cell phone ....................................... */
/*@media screen and (min-width: 320px) and (max-width: 480px){*/
/*	.container {*/
/*		width: 100%;*/
/*	}*/
/*	.secondary_header {*/
/*		display: flex;*/
/*		flex-wrap: nowrap;*/
/*		justify-content: space-between;*/
		/* align-content: center; */
/*		align-items: center;*/
/*		width: 100%;*/
/*		height: 10px;*/
/*		padding-top: 25px;*/
/*		padding-bottom: 40px;*/
/*		clear: left;*/
/*		border: none;*/
/*		border-top: 2px solid black;*/
/*		border-bottom: 2px solid black;*/
/*	}*/


/*	.secondary_header ul {*/
/*		margin-top: 0;*/
/*		margin-right: auto;*/
/*		margin-bottom: 0px;*/
/*		margin-left: auto;*/
/*		padding-top: 0px;*/
/*		padding-right: 0px;*/
/*		padding-bottom: 0px;*/
/*		padding-left: 0px;*/
/*		width: 100%;*/
/*	}*/

/*	.secondary_header ul li {*/
/*		display: block;*/
/*		margin: 4vw;*/
/*		margin-top: 12.5%;*/
/*		font-size: 12px;*/
/*		padding-bottom: 2vw;*/
/*	}*/

	
/*	.social {*/
/*		display: inline-block;*/
/*		position: static;*/
/*		margin: 50px auto 50px auto;*/
/*		padding-left: 8vw;*/
/*		align-content: space-evenly;*/
/*		justify-content: center;*/
/*		align-items: center;*/
/*	}*/

/*	.social a {*/
/*		margin: 2.5vw;*/
/*	}*/

/*	.social img {*/
/*		width: 15vw;*/
/*	}*/

/*	.copyright {*/
/*		align-self: center;*/
/*		margin: 10px auto 0px auto;*/
/*	}*/

	
/*}*/
	

/* Tablets, iPads (portrait and landscape) ---------- */
/*@media screen and (min-width: 481px) and (max-width: 1000px){*/
/*	.container {*/
/*		width: 100%;*/
/*	}*/
/*	.secondary_header {*/
/*		display: flex;*/
/*		flex-wrap: nowrap;*/
/*		justify-content: space-between;*/
/*		align-content: center;*/
/*		align-items: center;*/
/*		width: 100%;*/
/*		height: 10px;*/
/*		padding-top: 25px;*/
/*		padding-bottom: 40px;*/
/*		margin-bottom: 60px;*/
/*		clear: left;*/
/*		border: none;*/
/*		border-top: 2px solid black;*/
/*		border-bottom: 2px solid black;*/
/*	}*/


/*	.secondary_header ul {*/
/*		margin-top: 0;*/
/*		margin-right: auto;*/
/*		margin-bottom: 0px;*/
/*		margin-left: auto;*/
/*		padding-top: 0px;*/
/*		padding-right: 0px;*/
/*		padding-bottom: 0px;*/
/*		padding-left: 0px;*/
/*		width: 100%;*/
/*	}*/

/*	.secondary_header ul li {*/
/*		display: block;*/
/*		margin: 4vw;*/
/*		margin-top: 10%;*/
/*		font-size: 14px;*/
/*	}*/

	
/*	.social {*/
/*		display: flex;*/
/*		position: static;*/
/*		margin: 60px auto 60px auto;*/
/*		align-content: space-evenly;*/
/*		justify-content: center;*/
/*		align-items: center;*/
/*	}*/

/*	.social a {*/
/*		margin: 4vw;*/
/*	}*/

/*	.social img {*/
/*		max-width: 10vw;*/
/*	}*/

/*	.copyright {*/
/*		align-self: center;*/
/*		margin: 10px auto 0px auto;*/
/*	}*/
    
/*}*/

/* Tablets, iPads (portrait and landscape) ---------- */
/*@media screen and (min-width: 1001px) and (max-width: 2000px){*/
/*    .secondary_header {*/
/*		display: flex;*/
/*		align-items: center;*/
/*		width: 100%;*/
/*		height: 10px;*/
/*		padding-top: 25px;*/
/*		border: none;*/
/*		border-top: 2px solid black;*/
/*		border-bottom: 2px solid black;*/
/*		overflow: hidden;*/
/*	}*/


/*	.secondary_header ul {*/
/*		margin-top: 0;*/
/*		margin-right: auto;*/
/*		margin-bottom: 0px;*/
/*		margin-left: auto;*/
/*		padding-top: 0px;*/
/*		padding-right: 0px;*/
/*		padding-bottom: 0px;*/
/*		padding-left: 0px;*/
/*		width: 100%;*/
/*	}*/

/*	.secondary_header ul li {*/
/*		display: block;*/
/*		margin: 4vw;*/
/*		margin-top: 10vw;*/
/*		font-size: 18px;*/
/*	}*/

/*	.social {*/
/*		display: flex;*/
/*		position: static;*/
/*		margin: 15vh auto 5vh auto;*/
/*		align-content: space-around;*/
/*		justify-content: center;*/
/*		align-items: center;*/
/*	}*/

/*	.social a {*/
/*		margin: 5vw;*/
/*	}*/

/*	.social img {*/
/*		max-width: 10vw;*/
/*	}*/

/*	.copyright {*/
/*		align-self: center;*/
/*		margin: 10px auto 0px auto;*/
/*		font-weight: bolder;*/
/*	}*/
/*}*/