li {margin: 1%;}

body {font-size: 200%;
    background-color: rgb(0, 51, 255);}

h1 {text-align: center;
    font-size: 100%;}

.b747IM {float: right;
        width: 25%;
        height: 30%;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5%;}

audio, video { display: block; 
                width: 640px; 
                max-width: 90%; 
                margin: 0 auto;}

video {margin-bottom: 5%;}

.iniciobo{background-color: rgb(247, 89, 59);}

.B737 {background-color: rgb(247, 147, 59);}

.B737MAX {background-color: rgb(247, 219, 59);}

.B747 {background-color: rgb(184, 247, 59);}

.B767 {background-color: rgb(59, 247, 109);}

.B777 {background-color: rgb(59, 247, 238);}

.B777X {background-color: rgb(150, 169, 255);}

.B787 {background-color: rgb(122, 59, 247);}

.flotante {position: fixed; top: 0%; right: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}

.regresar {position: fixed; top: 0%; left: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}

.flechaairbus {position: fixed; bottom: 0%; right: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}    
            
.flechaembraer {position: fixed; bottom: 8%; right: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}

.fuentes {position: fixed; bottom: 0%; left: 0%;
            width: 3%;
            height: auto;
            margin: 0.5%;}