@charset "utf-8";



/* Global Styles */



body {

	margin-left: auto;

	margin-right: auto;

	width: 92%;

	max-width: 960px;

	padding-left: 2.275%;

	padding-right: 2.275%;

}



/* Header */

header {

	text-align: center;

	display: block;

}

header .profileLogo .logoPlaceholder {

	background-color: rgba(208,207,207,1.00);

	width: 187px;

	text-align: center;

}

header .logoPlaceholder span {

	width: 80px;

	height: 22px;

	font-family: 'Montserrat', sans-serif;

	color: rgba(255,255,255,1.00);

	font-size: 30px;

	font-weight: 700;

	line-height: 53px;

}

header .profilePhoto {

	background-color: rgba(237,237,237,1.00);

	width: 259px;

	border-radius: 50%;

	height: 259px;

	clear: both;

}

header .profileHeader h1 {
	font-family: 'Montserrat', sans-serif;
	color: #0054C7;
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;

}

header .profileHeader h3 {

	font-family: sans-serif;

	color: rgba(146,146,146,1.00);

	font-size: 16px;

	font-weight: 700;

	line-height: 24px;

}

hr {

	background-color: rgba(208,207,207,1.00);

	height: 1px;

}

header .profileHeader p {

	font-family: sans-serif;

	color: rgba(146,146,146,1.00);

	font-size: 14px;

	font-weight: 400;

	line-height: 1.8;

	overflow-y: auto;

}

header .socialNetworkNavBar {

	text-align: center;

	display: block;

	margin-top: 60px;

	clear: both;

}

header .socialNetworkNavBar .socialNetworkNav {

	border-radius: 50%;

    cursor: pointer;

}

header .socialNetworkNavBar .socialNetworkNav img:hover {

    opacity:0.5;

}

/* Main Content sections */

.mainContent .section1 {

	display: block;

}

.section1 .sectionTitle, .section2 .sectionTitle {
	font-family: 'Montserrat', sans-serif;
	color: #0054C7;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;

}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	margin: 0 3% 0 0;

	float: left;

	clear: both;

}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	background-color: rgba(208,207,207,1.00);

	height: 1px;

	padding: 0px;

}

.mainContent .section1 .section1Content {

	font-family: ProximaNova;

	font-size: 14px;

	font-weight: 100;

	color: rgba(208,207,207,1.00);

}

.mainContent .section1 .section1Content span {

	color: rgba(146,146,146,1.00);

	font-family: sans-serif;

}

.section2 .sectionContentTitle {
	font-family: sans-serif;
	color: #939393;
	font-size: 18px;
	font-weight: 700;

}



.section2 .sectionContentSubTitle {

	font-family: sans-serif;

	color: rgba(68,67,67,1.00);

	font-size: 14px;

	font-weight: 400;

}

.section2 .sectionContent {
	font-family: sans-serif;
	color: rgba(54,54,54,1.00);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;

}
.monospaced {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color: #949494;
}


.mainContent {

	display: block;

}

.mainContent .externalResourcesNav a .externalResources {

	background-color: #0054C7;

	display: inline-block;

	text-align: center;

	margin-top: 0px;

	padding-top: 3%;

	cursor: pointer;

}

.mainContent .externalResourcesNav a .externalResources:hover {
	background-color: #1175FF;
}

.externalResourcesNav a .externalResources {

	font-family: 'Montserrat', sans-serif;

	color: rgba(255,255,255,1.00);

	font-size: 14px;

	font-weight: 400;

	line-height: 18px;

	text-decoration: none;

}

.stretch {

	content: '';

	display: inline-block;

	margin-left: 2%;

	margin-right: 2%;

}

.rainbow {
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 3s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 3s infinite;
  
  /* Standard Syntax */
  animation: rainbow 3s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
	0%{color: #FF0000;}
	16%{color: #FFFF00;}
	32%{color: #00FF00;}
	49%{color: #00FFFF;}
	67%{color: #0000FF;}	
	84%{color: #FF00FF;}	
	100%{color: #FF0000;}
}
/* Internet Explorer */
@-ms-keyframes rainbow{
	0%{color: #FF0000;}
	16%{color: #FFFF00;}
	32%{color: #00FF00;}
	49%{color: #00FFFF;}
	67%{color: #0000FF;}	
	84%{color: #FF00FF;}	
	100%{color: #FF0000;}
}

/* Standard Syntax */
@keyframes rainbow{
	0%{color: #FF0000;}
	16%{color: #FFFF00;}
	32%{color: #00FF00;}
	49%{color: #00FFFF;}
	67%{color: #0000FF;}	
	84%{color: #FF00FF;}	
	100%{color: #FF0000;}
}

/* Footer */

footer .footerDisclaimer {

	font-family: sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: rgba(104,103,103,1.00);

	font-weight: 700;

}

footer .footerDisclaimer span {

	color: rgba(181,178,178,1.00);

	font-weight: 400;

}

footer .footerNote {

	font-family: sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: rgba(104,103,103,1.00);

	font-weight: 700;

}

footer .footerNote span {

	color: rgba(181,178,178,1.00);

	font-weight: 400;

}



/* Media query for Mobile devices*/

@media only screen and (min-width : 285px) and (max-width : 1024px) {

/* Header */

header {

	width: 100%;

	float: none;

}

header .profileLogo .logoPlaceholder {

	display: inline-block;

}

header .profilePhoto {
	display: inline-block;

}

header .profileHeader {
	text-align: center;
	margin-top: 3%;

}

header .profileHeader p {

	text-align: justify;

}

header .socialNetworkNavBar {

    text-align: center;

    display: block;

    margin-top: 60px;

    clear: both;

    margin-bottom: 15%;

}

header .socialNetworkNavBar .socialNetworkNav {

	width: 60px;

	height: 60px;

	display: inline-block;

	margin-right: 23px;

}

/* Main content sections */

.mainContent .section1 {

	text-align: center;

    margin-bottom: 10%;

}

.section1 .section1Title, .section2 .section1Title {

	text-align: center;

}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	width: 100%;

}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	display: none;

}

.mainContent .section1 .section1Content {

	display: inline-block;

	text-align: left;

	font-family: sans-serif;

    text-align: justify;

}

.mainContent .section2 {

	display: block;

	text-align: center;

}

.section2 .section2Content {

    margin-top: 10%;

    text-align: left;

    margin-bottom: 10%;

}

.mainContent .externalResourcesNav {

    margin-bottom: 10%;

 

}

.mainContent .externalResourcesNav .externalResources {
	width: 100%;
	height: 35px;
	font-size: large;
}

/* Footer */

footer {

	display: block;

	text-align: center;

	font-family: sans-serif;

}

}



/* Media Query for Tablets */

@media only screen and (min-width : 1025px) and (max-width : 1124px) {

/* Header */

header {

	width: 100%;

	float: none;

}

header .profileLogo .logoPlaceholder {

	display: inline-block;

	font-family: 'Montserrat', sans-serif;

}

header .profilePhoto {

	float: left;

	clear: both;

	margin-right: 3%;

    margin-top:5%;

}

header .profileHeader {

	text-align: left;

    margin-top:7%;

}

header .socialNetworkNavBar .socialNetworkNav {

	width: 74px;

	height: 74px;

	display: inline-block;

	margin-right: 23px;

}

/* Main content and sections */

.section1 .section1Title, .section2 .section1Title {

	text-align: center;

}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	width: 100%;

}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	display: none;

}

.mainContent .section1 .section1Content {

	display: block;

	margin: 0% 0% 0% 20%;

	font-family: sans-serif;;

    margin-top: 5%;

    margin-bottom: 5%;

}

.mainContent .section2 {

	clear: both;

}

.section2 .section2Content {

	padding: 0px;

	margin-left: 20%;

	font-family: sans-serif;

    margin-top: 5%;

    margin-bottom: 5%;

}

.mainContent .externalResourcesNav {

	margin-left: 20%;

	margin-top: 40px;

	margin-bottom: 40px;

	text-align: center;

	padding-top: 0px;

	clear: both;

}

.mainContent .externalResourcesNav .externalResources {

	width: 199px;

	height: 48px;

    margin-top: 5%;

}

/* Footer */

footer .footerDisclaimer {

	float: left;

	margin-left: 3%;

	font-family: sans-serif;

}

footer .footerNote {

	float: right;

	margin-right: 3%;

	font-family: sans-serif;

}

}



/* Desktops and laptops  */

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

/* Header */

header .profileLogo .logoPlaceholder {

	float: left;

	margin-bottom: 50px;

}

header .profilePhoto {

	float: left;

	clear: both;

	margin-right: 3%;

}

header .profileHeader {

	text-align: left;

	padding-top: 0px;

}

header .socialNetworkNavBar .socialNetworkNav {

	width: 74px;

	height: 74px;

	display: inline-block;

	margin-right: 23px;

}

/* Main content sections */

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	width: 22.5%;

}

.mainContent .section1 .section1Content {

	display: block;

	margin-top: 0%;

	margin-right: 0%;

	margin-left: 26%;

	margin-bottom: 0%;

	font-family: sans-serif;

}

.mainContent .section2 {

	clear: both;

}

.section2 .section2Content {

	padding: 0px;

	margin-left: 26%;

	font-family: sans-serif;

}

.mainContent .externalResourcesNav {

	margin-top: 40px;

	margin-bottom: 40px;

	text-align: center;

	padding-top: 0px;

	clear: both;

}

.mainContent .externalResourcesNav .externalResources {

	width: 199px;

	height: 48px;

}

/* Footer */

footer .footerDisclaimer {

	float: left;
	max-width: 45%;
	margin-left: 3%;

	font-family: sans-serif;

}

footer .footerNote {

	float: right;
	max-width: 45%;
	margin-right: 3%;

	font-family: sans-serif;

}

}