.column1 {
    float: left;
    width: 18%;
}

.card {
    background-color: #6700f0;
    margin: 4% 2%;
    border: 2px solid #c4c1c1;
    padding: 2% 0%;
    box-shadow: 6px 6px 7px #000000;
    text-shadow: 2px 4px 5px white;
}

.card ul {
    list-style-type: none;
    padding: 5% 5%;
}

.column2 {
    float: right;
    width: 80%;
    height: 100%;
    padding: 1% 1%;
}

.column2 h2 {
    text-decoration: underline;
    font-weight: bold;
    text-shadow: 1px 1px 2px grey;
}

.column2 article i {
    padding: 1% 5%;
}

.column2 i {
    padding: 1% 5%;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

.clear {
    clear: both;
}

.stkfoot {
    position: static;
    width: 100%;
    font-weight: bold;
}

.linkbtn {
    margin: 1% 3%;
    padding: 1% 1%;
    background-color: #6700f0;
    border: 2px solid transparent;
    border-radius: 10px;
    color: #000000;
    text-decoration: none;
}

.linkbtn:hover {
    color: #000000;
    background-color: #f0004d;
    transition: .33s;
}

.helv {
    font-family: Helvetica;
    font-size: 18px;
    padding: 3% 4%;
}

.centerimg {
    display: block;
    margin: 0% auto;
}

#centerimg {
    display: block;
    margin: 0% auto;
}

main {
    background-color: #c4c1c1;
    height: 100%;
}

nav {
    background-color: #a300f0;
    text-shadow: 2px 4px 3px white;
}

nav input {
    width: 35%;
    text-align: center
}

nav input[type=text] {
    float: left;
    font-size: 18px;
    text-align: center
}

img {
    margin: 2% 2%;
    padding: 1% 2%;
    width: 75%;
}

footer {
    text-align: center;
    background-color: #a300f0;
    text-shadow: 2px 4px 5px white;
}

h1, h2, h3, h5 {
    font-style: italic;
    text-align: center;
}

p {
    font-size: 18px;
    margin: 2% 6%;
    padding: 1% 0%;
}

@media screen and (max-width:700px) {
    .card {
        text-align: center;
    }

    .column1 {
        float: none;
        width: 100%;
    }

    .column2 {
        float: none;
        width: 100%;
    }

    nav input {
        display: none;
    }

}