@font-face 	{ font-family: 'font1'; src: url('fonts/Casa.ttf'); font-weight: normal;  }
body>header a   { font-weight: bold; font-family: 'font1'; letter-spacing: 2px;}
body>header nav ul:nth-of-type(3) a{
    background-color: var(--secondary);
    color: var(--white);
    padding: 0px 20px;
    line-height: 40px;
    margin: 12px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
body>header , .section1 {background: #f2f2f2 url('../../media/cover/cover7.png') no-repeat fixed 0px; background-size: auto 100%; }
.section1 figure img { position: relative; 
    -webkit-animation: float 5s ease-in-out infinite;
    animation: float 5s ease-in-out infinite; }
.section3 figure img{ position: relative; top: -80px;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite; }
.section4 { margin-top: -300px;
    grid-template-areas:
    "SF SF SF SF SF SF"
    "SHx SH SH SH SH SHa"
    "SMx SM SM SM SM SMa"
    "SIx SIy SI SI SIb SIa"
    "SN SN SN SN SN SN"
    "SS SS SS SS SS SS"
    "SB SB SB SB SB SB";
    img   { position: relative; left: -120px; top: 100px; }
}

.section11 {
    
    form main>section { padding: 20px 0px;}
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}

@media screen and (max-width: 560px) {
    body>header nav ul li a { color: #fff}
    section>main { padding: 20px 0px;}
    .section3 figure img{ top: 0px; }
    .section4  { margin-top: 0px; img { left: 0px; top: 0px;} }
}