/* COGSley.com index.css v0.1 */
body { position:relative;width:100vw;height:100vh;margin:0vw;padding:0vw;color:rgb(26,24,21);background-color:rgb(249,247,240);font-family:Times New Roman;text-align:justify;-webkit-text-size-adjust:none;-webkit-user-select:none;scroll-behavior:smooth; }
table { position:relative;width:95vw;border-collapse:collapse; }
th, td { border:1px solid #dddddd;padding:8px;text-align:left; }
input[type="button"] {width:17.5vw;height:6vw;font-size:3vw;font-weight:bold;font-family:Helvetica;color:rgb(249,247,240);background-color:rgb(168,77,53);cursor:pointer;border-radius:1vw;border:1.5px solid black;}
input[type="file"]::file-selector-button {width:17.5vw;height:6vw;font-size:3vw;font-weight:bold;font-family:Helvetica;color:rgb(249,247,240);background-color:rgb(168,77,53);cursor:pointer;border-radius:1vw;border:1.5px solid black;}

.redtitle { font-family:Helvetica;font-weight:bold;color:rgb(168,77,53); }

@media (width <= 700px) {
    body { font-size:6vw; }
    input[type="file"] { font-size:3vw; }
    input[type="file"]::file-selector-button { width:25vw;height:6vw;font-size:3vw; }

    #header { height: 31.25vw; }
    #icon { left: 2.5vw; top: 2vw; width: 15vw; }
    #cogsley { left: 18.5vw; top: 2vw; font-size: 6.5vw; letter-spacing: -0.1vw; }
    #insight { left: 18.5vw; top: 9.5vw; font-size: 2.6vw; }
    #headerline { left: 2.5vw; top: 18vw; width: 95vw; height: 0.2vw; }
    #emailheading { left: 3.5vw; top: 18.5vw; font-size: 2.25vw; }
    #emaillabel { left: 2.5vw; top: 22.75vw; width: 75vw; height: 6vw; font-size: 3vw; }
    #emailinput { left: 2.5vw; top: 21.5vw; width: 75vw; height: 6vw; border-radius: 1vw; border: 1.5px solid black; font-size: 3vw; }
    #signin { left: 80vw; top: 21.5vw; }
    #banner { display: block; }
    #banner-small { display: none; }
    #headline { font-size: 3.5vw; }
    #copy { height:482.5vw; }
    #line1 { display: none; }
    #line2 { display: none; }
    #copy1 { left: 5vw; width: 90vw; height: 110vw; }
    #illustration1 { left: 5vw; top: 90vw; width: 90vw; }
    #copy2 { left: 5vw; top: 142.5vw; width: 90vw; height: 182.5vw; }
    #illustration2 { left: 5vw; top: 327.5vw; width: 90vw; }
    #copy3 { left: 5vw; top: 393.75vw; width: 90vw; height: 90vw; }
    #invitation { font-size: 3.5vw; }
    #copyright { font-size:2.675vw; }
}
@media (700px < width <= 1000px) {
    body { font-size:3vw; }
    input[type="file"] { font-size:3vw; }
    input[type="file"]::file-selector-button { width:25vw;height:6vw;font-size:3vw; }

    #header { height: 26.5vw; }
    #icon { left: 2.5vw; top: 2vw; width: 10vw; }
    #cogsley { left: 13.5vw; top: 2vw; font-size: 5vw; letter-spacing: -0.1vw; }
    #insight { left: 13.5vw; top: 7.5vw; font-size: 2.25vw; }
    #headerline { left: 2.5vw; top: 13vw; width: 95vw; height: 0.2vw; }
    #emailheading { left: 3.5vw; top: 14.5vw; font-size: 2.25vw; }
    #emaillabel { left: 2.5vw; top: 19vw; width: 75vw; height: 6vw; font-size: 3vw; }
    #emailinput { left: 2.5vw; top: 17.5vw; width: 75vw; height: 6vw; border-radius: 1vw; border: 1.5px solid black; font-size: 3vw; }
    #signin { left: 80vw; top: 17.5vw; }
    #banner { display: none; }
    #banner-small { display: block; }
    #headline { font-size: 3vw; }
    #copy { height:127.5vw; }
    #line1 { display: block; left:50vw; height:127.5vw; }
    #line2 { display: none; }
    #copy1 { left: 2.5vw; width: 45vw; height: 56vw; }
    #illustration1 { left: 2.5vw; top: 47.5vw; width: 45vw; }
    #copy2 { left: 52.5vw; width: 45vw; height: 95vw; }
    #copy3 { left: 2.5vw; top: 72.5vw; width: 45vw; height: 45vw; }
    #illustration2 { left: 52.5vw; top: 96.25vw; width: 45vw; }
    #invitation { font-size: 3vw; }
    #copyright { font-size:2.25vw; }
}
@media (width > 1000px) {
    body { font-size:2vw; }
    input[type="button"] { width: 10vw; height: 4vw; font-size: 1.75vw; border-radius: 1vw; }
    input[type="file"] { font-size:2vw; }
    input[type="file"]::file-selector-button { width:25vw;height:4vw;font-size:1.75vw;border-radius:1vw; }

    #header { height: 9vw; }
    #icon { left: 1.5vw; top: 1.5vw; width: 6vw; }
    #cogsley { left: 8vw; top: 1.5vw; font-size: 2.75vw; letter-spacing: -0.08vw; }
    #insight { left: 8vw; top: 4.675vw; font-size: 1.25vw; }
    #headerline { display: none; }
    #emailheading { left: 54vw; top: 2vw; font-size: 1.25vw; }
    #emaillabel { right: 14vw; top: 4vw; width: 32vw; height: 3vw; font-size: 2vw; }
    #emailinput { left: 53.5vw; top: 3.5vw; width: 32vw; height: 3vw; border-radius: 1vw; border: 1.5px solid black; font-size: 1.5vw; }
    #signin { right: 2.5vw; top: 3vw; }
    #banner { display: none; }
    #banner-small { display: block; }
    #headline { font-size: 3vw; }
    #copy { height:65vw; }
    #line1 { display: block; left:33.33vw; height:65vw; }
    #line2 { display: block; left:66.66vw; height:65vw; }
    #copy1 { left: 2.5vw; width: 28.5vw; height: 35vw; }
    #illustration1 { left: 2.5vw; top: 37.5vw; width: 28.5vw; }
    #copy2 { left: 35.83vw; width: 28.5vw; height: 60vw; }
    #copy3 { left: 69.16vw; width: 28.5vw; height: 30vw; }
    #illustration2 { left: 69.16vw; top: 35vw; width: 28.5vw; }
    #invitation { font-size: 3vw; }
    #copyright { font-size:2vw; }
}