body { width: 100%; height: 100vh; margin: 0; background-color:rgb(35, 35, 35); color: rgb(255, 255, 255); font-family: 'Roboto Condensed', sans-serif; font-size: 20px; }
img { width: 100%;  height: auto;}
.nav { border: 1px solid rgba(0, 0, 0, 0.88) ; background-color: black ;}
ul { display: flex; justify-content: space-between; padding-right: 50px;}
li { display: inline;}
a { text-decoration: none; color: rgb(255, 115, 0)}
a:hover { color: white;}
.button { border: 1px solid  ; background-color: rgba; padding: 15px; border-radius: 15px;}
.homepage-logos { display: flex; justify-content: space-around; flex-direction: column; align-items: center;}
.new-addicted-logo { width: 300px; height: auto; align-items: center;}
.old-addicted-logo { width: 300px; height:auto;} 
.founders { display: flex; justify-content: space-around; flex-direction: row-reverse;}
.dbj { width: 300px; height: auto;}
.jd { width: 300px;}
h1 { text-align: center;}
h2 { text-align: center;}
p { margin:1em auto; text-align: center;}
form { width: 60vw; width: 100%; height: auto; margin: 0 auto;  }
fieldset { margin: 0; border: none; border-bottom: 3px solid rgb(255, 115, 0) ; }
label { display: block; margin: 0.5rem 0  }
select { margin: 10px 0 0 0; width: 100%; min-height: 2em; }
#name {width: 100%; height: 30px;}
#email {width: 100%; height: 30px;}
#number {width: 100%; height: 30px;}
textarea { border-radius: 10px; margin: 0 0 0 0; width: 100%; height: auto; background-color: white; border: 1px solid  black 1em; text-align: center;}
input[type="submit"] {border-radius: 10px;     display: block; width: 100%; margin: 1em auto; height: 2em; font-size: 1.1rem; background-color:  rgb(255, 115, 0); border-color: rgb(255, 115, 0); min-width: 300px; }
.survey-info { width:90%; background-color:black; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px;}
.copyright { float: left;}

@media only screen and (min-width:320) and (max-width:480px), (orientation:portrait) { 
    body { font-size: 0.75rem; display: flex; flex-direction: column;}
    .nav { height: auto; display: flex; width: 100%; justify-content: space-around;}
    ul {  padding: none; flex-direction: column; }
    li { width: auto;}
    a { display: flex; justify-content: space-around; align-items: center; width: 325px;} 
    .founders { display: flex; flex-direction: column; align-items: center; flex-direction: column-reverse;}
    .footer { text-align: center;}
    .copyright { padding-bottom: 50px;}
    .button { justify-content: space-around;} 
    p { font-size: 1.25rem;}
    .facebook-link { align-items: center;}}

@media only screen and (min-width: 752px) and (max-width:912px), (orientation:portrait) {
    body { font-size: 1.5rem; }
    p { font-size: 1.5rem;}
    .button { margin: 10px;}
    .footer { text-align: center;}

}