/*BEGIN NEW UNIVERSAL CSS*/
.teal {
color: #66FFFF;
}
.teal-2 {
color: #00e6e6;
}
.white  {        
color: #fff;
}
.almost-white {
color: #f9f9f9; 
}
.black  {
color: #000;
}
.almost-black {
color: #333333; 
}
 .purple-shadow-white {
color: #805f95;
text-shadow: 0px 0px 25px #fff;
}
 .purple-shadow-black {
color: #805f95;
text-shadow: 0px 0px 10px #000;
}
 .purple {
color: #805f95;
}
.flat-purple {
color: #553f63; 
}
.lite-purple {
color: #b295c4; 
}
.lite-gray {
color: #686868; 
}
.super-lite-gray  {
color: #f7f7f7;
}
/*END NEW UNIVERSAL CSS*/
/*BEGIN UNIVERSAL CSS*/
body {
font-size: 1em;
/* base font size is 14px */
font-family: 'Poppins';
line-height: 1.5;
text-align: left;
width: 100%;
padding: 0%;
margin: 0%; 
}
body  {
background: url('background-2.jpg');
background-repeat: repeat;
}
.body-wrap  {
max-width: 1120px;
margin: 0 auto;
padding: 0 25px;
}
/*UNIVERSAL STYLES*/  
a {    
text-decoration: none;
color: #9882ff;
}
p {
overflow: hidden;
}
h1, h2, h3, h4, h5, p, li  {
 margin: 0;
 padding: 10px 0;
}
h1, h2, h3, h4, h5 {
font-family: PoppinsBold;
}
ul  {
padding: 0 20px;
}
li  {
}
.display-none {
display: none;
}
.quote  {
font-size: 14px;
}
.break-me {
width: 100%;
height: 1px;
float: left;
}
.thicc {
font-family: PoppinsBold;
font-size: 20px;
}
.wide {
width: 100%;
}
@font-face  {
font-family: Roboto;
src:url('Roboto-Regular.ttf');    
}
@font-face  {
font-family: RobotoMedium;
src:url('Roboto-Medium.ttf');    
}
@font-face  {
font-family: RobotoBold;
src:url('Roboto-Bold.ttf');    
}
@font-face  {
font-family: RobotoBlack;
src:url('Roboto-Black.ttf');    
}
@font-face  {
font-family: Poppins;
src:url('Poppins-Regular.ttf');    
}
@font-face  {
font-family: PoppinsMedium;
src:url('Poppins-Medium.ttf');    
}
@font-face  {
font-family: PoppinsBold;
src:url('Poppins-Bold.ttf');    
}
@font-face  {
font-family: PoppinsBlack;
src:url('Poppins-Black.ttf');    
}
/*END UNIVERSAL CSS*/
.header-wrap  {
color: #fff;
background: #00e6e6;
}
.header-wrap-wrapper  {
max-width: 1120px;
margin: 0 auto;
padding: 0 50px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
.header-wrap h1 {
font-size: 76px;
}
.intro-wrap {
width: 100%;
background: #f7f7f7;
}
.intro-wrap p {
margin: 25px 0;
padding: 25px;
border-style: solid;
border-width: 2px;
border-color: #00e6e6;
border-radius: 5px;
}
.photo-wrap {
display: flex;
flex-direction: row;
gap: 25px;
}
.photo-wrap-tablet  {
display: flex;
flex-direction: row;
gap: 25px;
}
.photo-container  {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 25px;
}

.footer {
  
width: 100%;

margin-top: 25px;

padding: 25px 0;

display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;

color: #f7f7f7;

background: #000;

}

@media only screen and (min-width: 1121px) {
}
@media only screen and (min-width: 769px) and (max-width: 1120px) {
.photo-container  {
width: 100%;
}
.photo-wrap-tablet  {
flex-direction: column;
}
}
@media only screen and (min-width: 150px) and (max-width: 768px) {  
.header-wrap-wrapper  {
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.photo-wrap, .photo-wrap-tablet  {
flex-direction: column;
}
.photo-container  {
width: 100%;
flex-direction: column;
}
.footer {
  

flex-direction: column;


}
}