@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');


@font-face {
    font-family: 'Bitter', serif;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6 !important;
	color: #222;
	background: #ffffff;
	font-style: normal;
	font-weight: 300;
	line-height: 1.9 !important;
	margin:0px;
	} 
.boxy {
	width:80%;
        margin-left:auto;
        margin-right:auto;
	justify-content: center;
	margin-left:auto;
        margin-right:auto;
	padding-left: 10px;
	padding-right: 10px;
}

.center {
	text-align:center;
}

.navigation {
	align-content: center;
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-style:normal;
	font-stretch:condensed !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	background: #37376e;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.navigation a {
	align-content: center;
	color: #ffffff !important;
	font-family: 'Open Sans Condensed', sans-serif;
	font-style:normal;
	font-stretch:condensed !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	
}


p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6 !important;
	color: #222;
	font-style: normal;
	font-weight: 300;
	line-height: 1.9 !important;
}


ol {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6 !important;
	color: #222;
	font-style: normal;
	font-weight: 300;
	line-height: 1.9 !important;
}

li {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6 !important;
	color: #222;
	font-style: normal;
	font-weight: 300;
	line-height: 1.9 !important;
}


strong {
	font-family: 'Open Sans:wght@800', sans-serif;
	font-weight: 800 !important;
	font-size: 1.6 !important;
	line-height: 1.9 !important;
	font-style: normal;
}

ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6 !important;
	color: #222;
	font-style: normal;
	font-weight: 300;
	line-height: 1.9 !important;
}

h1 {
	font-weight: 100, lighter !important;
	font-size: 32px !important;
	line-height: 1.2em;
	color: #37376d;
	font-family: 'Bitter', serif;
}


h2 {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	color: #c13311;
}

h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: normal;
	font-stretch:condensed !important;
	font-weight: 700 !important;
	font-size: 22px !important;
	color: #222222;
}

h4 {
	font-family: 'Bitter', serif;
	font-size: 3.5rem !important;
	font-weight: 400;
	line-height: 1.5;
	color: #0c9da6;
	text-align:center;
	padding-top: 0;
}



h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	font-size: 11px;
	color: #333;
	margin-bottom: 0; 
	padding-bottom: 0;
	margin-top: 0; 
	padding-top: 0;
}

h6 {
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.4;
	font-size: 11px;
	color: #333;
	margin-bottom: 0; 
	padding-bottom: 0;
	margin-top: 0; 
	padding-top: 0;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

a:link {
	color: #4040B2;
	text-decoration:underline;
	font-weight: 300;
}

a:visited {
	color: #4040B2;
	text-decoration:underline;
	font-weight: 300;
}

a:hover, a:active, a:focus { 
	text-decoration:none;
	color: #4040B2;
	font-weight: 300;
}

.collapsible {
  background-color: #fff;
  color: #c13311;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1px #c13311 solid;
  text-align: left;
  outline: none;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
}


.active, .collapsible:hover {
  background-color: #c13311;
	color: #ffffff;
}
.collapsible:after {
  content: '\002B';
  color: #c13311;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}

 .sandra {
        width: 364px;
        height: 100px;
        position: relative;
        display: inline-block;
        margin: 0px;
    }
    .sandra .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .sandra:hover {
        display: inline;
		content:url(images/BRI_PTAC_M1_IS_Sandra_read2.png);
    }