*{padding:0;margin: 0;}
:root{--a: 'LinikSansBold';--b:'ProzaLibreRegular';--bb:'ProzaLibreBold';--black:#313131; }
.topo{height: 100vh;background-image: url("../imgs/IMG-20160427-WA0020.jpg");background-size: cover;background-position: right;}
header{height: 10vw;display: flex;align-items: center;padding: 0 7vw;}
header .logo{margin-right: 5vw;}
header .logo img{width: 18vw;}
header menu{display: flex;width: 40vw;justify-content: space-between;}
header menu a{text-decoration: none;color: var(--black);}
header menu li{font-family: var(--a);list-style: none;font-size: 1.5vw;}
.topo h1{font-family: var(--a);color: white;margin-top: 13vw;width: 40vw;margin-left: 7vw;}
.c,input{background-color: #EBEBEB;}
.c1{height: 20vw;display: flex;flex-flow: column;align-items: center;justify-content: center;}
h1,h2{font-family: var(--a);color: var(--black);font-size: 2.8vmax;}
p{font-family: var(--b);font-size: 1.4vmax;color: var(--black);margin-top: 1vw;}
.c1 p,.s1 p{width: 60vw;}
.s1{display: flex;flex-flow: column;align-items: center;justify-content: center;height: 20vw;}
.ban img{width: 100%;}
.det .t,.det .b{padding: 0 7vw;display: flex;justify-content: space-between;margin: 4vw 0;align-items: center;}
.det img{width: 35vw;}.r{text-align: right;}
.det p{width: 43vw;}
.img img{width: 43vw;}
h3{font-size: 1.5vw;font-family: var(--bb);color: var(--black);}
.pq{text-align: center;}.ccc{padding: 5vw 7vw;display: flex;justify-content: center;flex-flow: column;}
.flex{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 7vw;}.txt h3{margin: 2vw 0;}
.form,form{padding: 2vw 7vw;display: flex;flex-flow: column;align-items: center;}
.form h2,.form p{width: 50vw;}
input{width:62vw;padding: 1vw 4vw;border: none;margin: 1.3vw auto;font-size: 1.5vw;font-family: var(--b);}
input::placeholder{opacity: 1;color: var(--black);}
input[type=submit]{width: 70vw;background-color: var(--black);color: white;font-family: var(--bb);}
@media screen and (max-width:860px){
    header .logo img{width: 45vw;}
    header{height: 35vw;}
    header menu{display: none;}
    .topo{background-position: center;}
    .topo h1{width: 80vw;margin: 15vh auto 0;}
    h1,h2{font-size: 3.6vmax;}
    .c1,.s1{height: 40vh;padding: 4vh 10vw;text-align: center;}
    .c1,.s1 p{width: auto;}
    p{font-size: 2.5vmax;}
    h3{font-size: 2vmax;}
    .ccc,.form, form{padding: 4vh 7vw;}
    .txt{margin: 2vh 0;}
    .det p{width: auto;}
    .det .t{flex-flow: column;}
    .det .b{flex-flow: column-reverse;}
    .det img{width: 50vw;margin: 4vh auto;}
    .flex{flex-flow: column;align-items: center;}
    .img img{width: 100%;}
    .form h2, .form p{width: 76vw;}
    input{padding: 3vh 6vw;font-size: 2.4vmax;margin: 2vh 0;}
    input[type=submit]{width: 74vw;}

}