*{
    margin: 0; 
    padding: 0;
    font-family: Montserrat, arial;
    box-sizing: border-box;
}

body {
    background-image: url(aquamarL.jpg);
    
}

#wrapper {
    max-width: 1200px;
    margin: 0 auto 0 auto;
    background-color: rgb(176, 235, 215)

}

header img {
    width: 35%;
    display: block;
    margin: 0 auto 0 auto;
}

header img.logo {
    width: 20%;
    display: inline;
    margin: 0;
    padding: 0;
}

nav {
    background-color: aquamarine;
}



a.menu {
    display: inline-block;
    width: 400px;
    padding: 20px 50px 20px 50px;
    color: black;
    text-decoration: none;
    text-align: center;
    
}

a.menu:hover {
    background-color: aqua;

}

.active {
    background-color: aqua;
}

article {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

article h1 {
    text-align: center;
    margin: 0 35% 40px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;

}

#mioty {
    margin-top: 0px;
    padding-top: 60px;
    padding-bottom: 160px;
}

#mioty h1 {
    text-align: center;
    margin: 30px 30% 5px 30%;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#mioty h2 {
    text-align: center;
    margin: 0 30% 5px 30%;
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}





#miotA {
    padding-bottom: 15px;
}

#miotA h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotA ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.alla {
    width: 40%;
    display: block;
    margin: 0 30% 20px 30%;
    padding-bottom: 100px;
    
}

.angus {
    width: 24%;
    display: inline;
    margin: 0 0 0 80px;
    
    
}


.anika {
    width: 54%;
    display: inline;
    margin: 0 80px 0 90px;
}

.amanda {
    width: 54%;
    display: inline;
    margin: 80px 0 0 80px;
  
}

.amina {
    width: 24%;
    display: inline;
    margin: 80px 80px 0 90px;
    
}

#miotB {
    padding-bottom: 15px;
}

#miotB h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotB ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.allb {
    width: 35%;
    display: block;
    margin: 0 32.5% 20px 32.5%;
    padding-bottom: 80px;
    
}

.barysz {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
       
}


.bery {
    width: 45%;
    display: block;
    margin: 60px 0 5px 27.5%;
}

.benal {
    width: 45%;
    display: block;
    margin: 60px 0 5px 27.5%;
  
}



#miotC {
    padding-bottom: 15px;
}


#miotC h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotC ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.allc {
    width: 35%;
    display: block;
    margin: 0 32.5% 20px 32.5%;
    padding-bottom: 80px;
    
}

.carmen {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
        
}

.casabella {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
    
       
}

.cezar {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
       
}

.chanel {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
       
}

.cleo {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
       
}

.cocos {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
       
}

.cora {
    width: 45%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
       
}

#miotD {
    padding-bottom: 15px;
}


#miotD h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotD ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.alld {
    width: 35%;
    display: block;
    margin: 0 32.5% 10px 32.5%;
    padding-bottom: 40px;
    
}

.dario {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
        
}

.dylan {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.dejzi {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotE {
    padding-bottom: 15px;
}


#miotE h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotE ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.alle {
    width: 35%;
    display: block;
    margin: 0 32.5% 10px 32.5%;
    padding-bottom: 40px;
    
}

.elena {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
        
}

.eliot {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.elza{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.emi {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotF {
    padding-bottom: 15px;
}


#miotF h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotF ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.allf {
    width: 35%;
    display: block;
    margin: 0 32.5% 10px 32.5%;
    padding-bottom: 40px;
    
}

#miotG {
    padding-bottom: 15px;
}


#miotG h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotG h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotG h3 {
    text-align: center;
    margin: 30px 55% 5px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 3px solid black;
    background-color: aqua;
}



#miotG ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.allg {
    width: 35%;
    display: block;
    margin: 0 32.5% 10px 32.5%;
    padding-bottom: 40px;
    
}

.gaja {
    width: 40%;
    display: block;
    margin: 60px 0 5px 27.5%;

        
}

.gowisz {
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.pandorahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}


#miotH {
    padding-bottom: 15px;
}


#miotH h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotH h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotH ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 120px;
    
}

.allh {
    width: 35%;
    display: block;
    margin: 0 32.5% 10px 32.5%;
    padding-bottom: 40px;
    
}

.hector{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.heidi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.herbi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.hosta{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.hugo{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}



.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.fabiollahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

#miotI {
    padding-bottom: 15px;
}


#miotI h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotI h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotI ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.alli {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.iga{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ignaś{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ilon{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ines{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.inga{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ivo{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}


.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.melaniahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

#miotJ {
    padding-bottom: 15px;
}


#miotJ h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotJ h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotJ ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allj {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.jasmina{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.jasper{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.jennifer{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.jessi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.jukka{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.flaviahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

#miotK {
    padding-bottom: 15px;
}


#miotK h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotK h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotK ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allk {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.kama{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.kamala{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.kenzo{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.kiara{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.kleo{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.kler{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.kier{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ulianohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.miriamhead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

#miotL {
    padding-bottom: 15px;
}


#miotL h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotL h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotL ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.alll {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.lauren{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.leo{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.luis{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.liana{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.lauren{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.lisa{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.lori{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.lopez{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.luna{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ulianohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.polahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

#miotM {
    padding-bottom: 15px;
}


#miotM h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotM h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotM ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allm {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.pandorahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.marvel{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.max{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.miriam{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.morris{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}


#miotN {
    padding-bottom: 15px;
}


#miotN h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotN h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotN ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.alln {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.flaviahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.nel{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.nelson{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.nirvana{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.nobi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotO {
    padding-bottom: 15px;
}


#miotO h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotO h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotO ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allo {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.luishead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.polahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.ogi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.ojgen{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.olivier{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.orawa{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.orest{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.orlando{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotP {
    padding-bottom: 15px;
}


#miotP h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotP h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotP ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allp {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.miriamhead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.parker{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.pedro{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.pepper{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.phila{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotR {
    padding-bottom: 15px;
}


#miotR h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotR h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotR ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allr {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.luishead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.gajahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.ragnar{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.roni{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.roszel{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.rubens{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.rubi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotS {
    padding-bottom: 15px;
}


#miotS h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotS h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotS ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.alls {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.ulianohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.polahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.saba{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.sajmon{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.sara{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.suzi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotT {
    padding-bottom: 15px;
}


#miotT h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotT h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotT ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allt {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.luishead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.olivkahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.tedii{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.tevez{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.todi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.tommi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotU {
    padding-bottom: 15px;
}


#miotU h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotU h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotU ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allu {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.luishead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.gojahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.uwe{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.uzi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotW {
    padding-bottom: 15px;
}


#miotW h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotW h2 {
    text-align: center;
    margin: 240px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotW h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotW ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}



.alvarohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;
}


.fabiollahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.werri{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.wini{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.wix{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotZ {
    padding-bottom: 15px;
}


#miotZ h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotZ h2 {
    text-align: center;
    margin: 240px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotZ h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotZ ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}



.kenzohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;
}


.igahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.zefir{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.zener{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.zibi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.zoja{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.zola{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.zoltan{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.zulka{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotAA {
    padding-bottom: 15px;
}


#miotAA h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotAA h2 {
    text-align: center;
    margin: 240px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotAA h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotAA ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}



.luishead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;
}


.lianahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.arczii{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.aurelia{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotBB {
    padding-bottom: 15px;
}


#miotBB h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotBB h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotBB h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotBB ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allbb {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.luishead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.pandorahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.belari{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.binx{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.bobi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotCC {
    padding-bottom: 15px;
}


#miotCC h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotCC h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotCC h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotCC ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allcc {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.kenzohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.lorihead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.cerida{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.colin{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotDD {
    padding-bottom: 15px;
}


#miotDD h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotDD h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotDD h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotDD ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.alldd {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.kenzohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}


.gajahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.dafi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.dalia{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.dexter{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.diana{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.dolar{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotEE {
    padding-bottom: 15px;
}


#miotEE h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotEE h2 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotEE h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotEE ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}

.allee {
    width: 45%;
    display: block;
    margin: 20px 10px 20px 0;
    padding-bottom: 40px;
    
}

.ulianohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;

}

.olivkahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.eda{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.elfi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.emanuel{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.esteban{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}


.evita{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotFF {
    padding-bottom: 15px;
}


#miotFF h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotFF h2 {
    text-align: center;
    margin: 240px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotFF h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotFF ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}



.kenzohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;
}


.sarahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.fabia{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
} 

.fabien{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.fibi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.flaviaf{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.franc{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.frytek{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

#miotGG {
    padding-bottom: 15px;
}


#miotGG h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotGG h2 {
    text-align: center;
    margin: 240px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}

#miotGG h3 {
    text-align: center;
    margin: 0px 30% 0px 25%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 4px solid black;
    background-color: aqua;
}



#miotGG ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    
}



.kenzohead{
    width: 22.25%;
    display: inline-block;
    margin-left: 2px;
}


.gojahead{
    width: 22.25%;
    display: inline-block;
    margin-top: 2.5%;
    margin-left: 25%;

}

.gabi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
} 

.gregor{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
}

.grejs{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
} 

.greta{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
} 

.gucio{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
} 

.gufi{
    width: 40%;
    display: block;
    margin: 0 0 5px 27.5%;
    padding-top: 60px;
        
} 

#miotHH {
    padding-bottom: 15px;
}


#miotHH h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}

#miotHH ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 80px;
    margin-bottom: 80px;
    
}

.hariet{
    width: 40%;
    display: center;
    margin: 0 0 5px 27.5%;
        
} 

.hary{
    width: 40%;
    display: center;
    margin:0 0 5px 27.5%;
    padding-top: 60px;
        
} 

#kontakt h1 {
    text-align: center;
    margin: 30px 35% 5px 35%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid black;
    background-color: aqua;
}


#kontakt ul {
    padding: 0 0 0 420px;
    list-style-type: none;
}

.logo{
    margin: 0px auto 0px auto;
    padding-bottom: 20px;
    width: 20%;
    display: block;
}


a.linki{
    text-decoration-color: aqua;
    text-decoration-line: none;
}

.fotka_index{
    margin: 50px auto 10px auto;
    width: 75%;
    display: block;
}



footer{
    padding-top: 10px;
    height: 40px;
    text-align: center;
    background-color: aqua;
    
    
}

section h2{
    text-align: center;
    margin: 0 40px 0 40px;
    padding-bottom: 15px;
    border-bottom: 2px solid black;
    background-color: aqua;
}