*{box-sizing: border-box;}

body, header, main, footer{width: 100%;}

body{
	height: auto;
	background-color:white;
	font-family: verdana;
	margin: 0;
}

header{
	height: 250px;
	background-color: #8A0829;
	position: relative;
}

#logo{
	width: 100%;
	height: auto;
	padding-top: 0px;
	display: block;
	margin: auto;
}

#logo img{
	width: 100%;
	height:250px;
}
td a{
  text-decoration:none;
	
	color:white;
    
}
td a:hover {
  color:black;
   
  
}
main{
	height: auto;
	margin-top: 0px;
	/*background-color: #ccc;*/
}
marquee{
	font-family:Arial black;
	color:#0B0B61;
	font-size:14px;
}

.box{
	width: 100%;
	height: 250px;
	background-color:#610B0B;
	margin-bottom: 10px;
}
img{
	width: 100%;
	height: 250px;
	background-color: #3B0B17;
	margin-bottom: 10px;
}
p{
	padding-top: 8px;
	color: #fff;
text-align: center;
    font-size:16px;
}
		
		
td a:hover{
  color:#000000;
  
}  
/*
#PlacaVideo1{
	margin-bottom: 15px;
}

#PlacaVideo2{
	display: none;
}
*/
iframe{
    width: 100%;
    height: 350px;
}

footer{
	height: 200px;
	background-color: #0B0B61;
}
h4{
	color:white;
	font-family:verdana;
	text-align:center;
	padding-top:8px;
	font-size:15px;
	
}
h5{
	color:blue;
	font-family:verdana;
	text-align:center;
	
}


table{
		width:80%; margin:auto; color:#585858; empty-cells:hide; border-collapse:collapse; color:white;
	}
	th,td{
		
		width:30%;
	}
	th{
		background-color:#00BFFF; color:#FFFFFF; padding:2%;
	}
	td{
		background-color:#585858;
	}
/*Media Queries*/

@media screen and (orientation:landscape){
    header{background-color: forestgreen;}
    
    main{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
    }
    
    .box{
	width: 48%;
    }
}


/*
@media screen and (orientation:portrait){
    header{background-color: mediumvioletred;}
}
*/


@media screen and (min-width:768px){
    header{background-color: #8A0829;}
    
    main{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
    }
    
    .box{
	width: 48%;
    }
    
    #PlacaVideo1{
        width: 97.3%;
        margin: auto;
    }
    
    #PlacaVideo1 iframe{width: 100%;}

}

@media screen and (min-width:1200px){
    #logo{
    position: absolute;
   
    padding-top: 0;    
    }

    .box{
	width: 24%;
	height: 300px;
    }
   
    
    #container{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    
    #PlacaVideo1, #PlacaVideo2{
    width: 48.6%;    
	margin: 15px 0;
    }
    
    /*
    #PlacaVideo1{
        float: left;
        margin-left: 12px;
    }
    
    #PlacaVideo2{
        float: right;
        margin-right: 12px;
    }    
    */
	/*
    #PlacaVideo2{
	display: flex;
    }
    */
    /*footer{clear: both;}*/

img{
	width: 100%;
	height: 300px;
	background-color: #3B0B17;
	margin-bottom: 10px;
}
}