/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-sep-2016, 10:01:10
    Author     : auxsistemas
*/
/* figure#v1 {
right: -8em;
position: relative;
} 


figure#v2 {
    margin-top: -23em;
    padding-right: 35em;
    position: relative;
    right: -50%;
    
  } 

figure#v3 {
margin-top: 2em;
padding-right: 50em;
position: relative;
right: -8%;

}
  figure#v4 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v5 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v6 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v7 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v8 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v9 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v10 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v11 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v12 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v13 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v14 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v15 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v16 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}
figure#v17 {
margin-top: 1em;
padding-right: 60em;
position: relative;
right: -8%;
}
figure#v18 {
    margin-top: -22em;
    position: relative;
    right: -42em;
}*/
section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

figure {
    margin: 0 auto;
    width: 400px;
}

video {
    width: 400px;
    height: 300px;
}
iframe {
    width: 430px;
    height: 350px;
}

body {
    background-color:#E6E6E6;
    }
    img#m1{
      
width:100%;

}    
    img#m2{
       
    
 width: 100%;
}
h2{
    color: #155413;
    font-family: 'Patua One', cursive;
    font-size: 12pt;
 
}   

@media (min-width: 320px) and (max-width: 480px) {
    figure {
        margin: 0 auto 20px;
    }

    video {
        width: 100%;
    }
}
img#m1 {
  display: block;
  margin: 0 auto;
  margin-top: -0.5em;

  width: 100%;
}