*{
    box-sizing:border-box;
}

body{
    margin:auto;
    font-family: 'Open Sans Condensed', sans-serif;
    background-color:aliceblue;
}

h1{
    margin-top:0;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
    background-color:black;
    color:white;
}

h2
{
    text-align:center;
}


.main-footer{
    width:60%;
    text-align:center;
    margin:auto;
}

.contact_info{
    width:60%;
    margin:auto;
    margin-top:25px;
    display:flex;
}

.sign_up{
    width:60%;
    margin:auto;
    text-align:center;
    margin-bottom:25px;
}

.hr-1,
.hr-2{
    width:60%;
}

.hr-1{
    border:black 5px solid;
}

.hr-2{
    border:black 1px solid;
}

fieldset{
    border-style:none;
    padding-bottom:15px;
}

.contact{
    margin:10px 0;
}

input{
    width:100%;
    margin-bottom:15px;
}

.interest{
    display:flex; 
    margin-bottom:10px;
    align-items:baseline;
}

input[type*="checkbox"],
input[type*="radio"] {
    width:25px;
    margin-right:15px;
}

select[id*="state"]{
    margin-bottom:15px;
}

input[id*="zipcode"]{
    width:30%;
    margin-top:10px;
}

textarea{
    width:100%;
    margin-top:5px;
    margin-bottom:15px;
    height:100px;
}

input[type*="submit"] {
    margin:25px auto;
    background:rgb(129, 179, 129);
}

.main-footer{
    margin:50px auto;
}

p{
    text-align:left;
}

::placeholder{
    font-style:italic;
    text-align:right;
    padding-right:15px;
}

input:hover{
    background-color:white;
}

input:focus{
    color:black;
    background-color:lightgray;
    /*** transition: [transition-property] [transition-duration] [transition-timing] ***/
    transition:background-color 0.5s ease;
}

textarea:focus{
    color:black;
    background-color:lightgray;
    /*** transition: [transition-property] [transition-duration] [transition-timing] ***/
    transition:background-color 0.5s ease;
}

span,
#other_topics{
    padding-bottom:15px;
}

.newsletter{
    font-weight:bold; 
    font-size:1.5em;
}









/*==========Media Queries==========*/

@media(min-width:768px) {

   .row{
       display:flex;
       flex-wrap:wrap;
       align-items:baseline;
   }

   label{
    width:25%;
   }

    input,
    select{
        width:75%;
    }     

    .interest{
        align-items:baseline;
    }

    input[type*="submit"] {
        width:100%;
    }

    #other_topics{
        width:30%;
    }

}


@media(min-width:1050px){


}