body {
   font-family: Helvetica;
}

h1 {
color: green;
font-family: Helvetica Neue, sans-serif;
word-spacing:0px}

h2 {
color: black;
margin:2px;
font-family: Helvetica Neue, sans-serif;
padding-bottom:0px}

h3 {
color: black;
margin:10px;
font-family: Helvetica;
font-weight: 500;
padding-bottom:0px}

h4 {
color: black;
margin:2px;
font-family: Helvetica Neue, sans-serif;
padding-top:10px;
padding-bottom:10px;
font-weight: 500}

p {
color: black;  
margin:0px;
font-family: Helvetica Neue, sans-serif;
font-weight: 500;
padding-bottom:0px}

li {
list-style: none;
color: black;
font-family: Helvetica Neue, sans-serif;
font-weight: bold;
background-color: transparent;
text-decoration: underline;
padding:.3em;
padding-left:0px;
padding-right:0px;}


footer {
padding-bottom:30px;}

.responsive-video-container {
      position: relative;
      width: 50%;
      padding-bottom: 56.25%; 
      height: 0 auto; 
      overflow: hidden; 
    }

.responsive-video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

img {
  width: 100%;
  height: auto;
}


@media screen and (min-width: 768px) { 
  img {
    display: block; 
    margin: 0 auto;
    width: 30%; 
    min-width: 400px;
    
  }
  .answers-section {
	display:flex;
	flex-direction:column;
	align-items: flex-start;
	padding-bottom:100px;
	padding-left:170px;
	}
  
  .answer-row {
	display: flex;
    flex-direction: row;    
    align-items: center;    
    gap: 8px;               
    cursor: pointer;        
}

  div {
    padding-left: 20px; 
    padding-right: 20px;  
      }
      
.flex-container {
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:row;
      
}

.flex-item {
		flex:0 0 10px;
		padding-top:40px;
		margin-top:100px;
		margin-bottom:100px;
		padding-bottom:100px;
		background-color:white;
		border: 10px;
		border-radius:10px;
		box-shadow: 4.7px 9.4px 20px hsla(220, 70%, 25%, 0.3);
}

@media screen and (orientation: landscape) and (max-width: 768px) {
  img {
    max-height: 40vh;
    width: auto;
    display: block; 
    margin: 0 auto;
}
}

body {
 background-color: #7fa3eb;

}