@charset "utf-8";
/* CSS Document */

body{ background: rgba(20, 20, 20); font-family: Roboto, Verdana, Arial, Helvetica, sans-serif; color: #fff;}
header {padding:10px; background: black;}
header img{height:35px;}
main{width:100%; max-width: 1300px; background:#333; margin: 0 auto;}
main img{width:100%;}
.text-container{ color:#fff; padding: 20px;}
a, a:visited{color: #000;}
a:hover{color: #000; text-decoration: none;}
.box { display:flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 0 20px;}
.topMOB{display: none;}

button{ font-weight: bold;}
.image-container{ margin-bottom: 10px 0 20px 0; width: 30%;} 
.image-container p{ min-height: 110px;} 
.image-container img{ margin: 20px 0 0 0;} 
.text-container span{ color:#fc0;} 
.image-container span{ font-style: italic;} 
span.novo{display: block; text-align: center;} 

.image-container p a, .image-container p a:visited{ color: #fc0; text-decoration: underline;}
.image-container p a:hover{ text-decoration: none;}

/* Style the button that is used to open and close the collapsible content */
.collapsible { background-color: #eee; color: #444; cursor: pointer;  padding: 18px;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 15px; margin-top:10px;}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {  background-color: #ccc;}
/* Style the collapsible content. Note: hidden by default */
.content {  padding: 0 18px;  display: none;  overflow: hidden;  background-color: #fff;color: #333;}
 li ol{ font-style:italic; background: #f1f1f1;}

h2, h1{color:#fc0; font-size: 25px; padding: 0; margin: 0; line-height: 25px;}
@media only screen and (max-width: 900px) {
	.topMOB{display: block;}
	.topDT{display: none;}
	header { text-align: center;}
	header img{height:30px;}
 	main{width:100%; max-width: 100%;}
	.box {flex-direction:column; } 
	.image-container {  width: 100%;}
}
iframe{      
        display: block;  /* iframes are inline by default */   
        height: 100vh;  /* Set height to 100% of the viewport height */   
        width: 100vw;  /* Set width to 100% of the viewport width */     
        border: none; /* Remove default border */
        background: lightyellow; /* Just for styling */
    }