landing page

landing-page/css/main.css

@@ -198,29 +198,200 @@ textarea {
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
+main h1{
+  font-family: 'Raleway', sans-serif;
+}
+main h2{
+  font-family: 'Raleway', sans-serif;
+  font-weight: 100;
+}
+.brand-bar, footer{
+  font-family: 'Open Sans', sans-serif;
+}
+
+.nav{
+  background-color: black;
+
+}
+
+.dropbtn{
+  color: grey;
+
+}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  padding: 12px 16px;
+  z-index: 1;
+  font-family: 'Open Sans', sans-serif;
+  color:black;
+}
+
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+.dropdown-content a{
+    display: block;
+    text-decoration: none;
+}
+nav{
+  padding:20px;
+  background-color: black;
+}
+
+main{
+    background-image: url(../img/image.png);
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+
+}
+.welcome{
+  position: center;
+  color: white;
+  padding:20px;
+}
+.button1 button{
+  border: 2px solid white;
+  color: white;
+  background:none;
+  padding:10px 20px 10px 20px;
+  font-family: 'Open Sans', sans-serif;
+
+
+}
+
+form{
+width:400px;
+ background-color: white;
+ text-align: center;
+ font-family: 'Open Sans', sans-serif;
+
+}
+form .form-contents input{
+    width:300px;
+    margin:50px;
+    padding:10px 0px 10px 0px;
+
+}
+
+form input{
+    border-top-style: hidden;
+    border-right-style: hidden;
+    border-left-style: hidden;
+    border-bottom: 2px solid grey;
+    display:block;
+    color:grey;
+
+
+}
+
+form p{
+  background-color: #f5f5f5;
+  padding:15px;
+}
+form p strong{
+  color:#ff9966;
+}
+.button2 button{
+  background-color: #ff9966;
+  width:100%;
+  color:white;
+  padding:30px;
+   margin-top:40px;
+
+}
+
+
+.brand-bar{
+  background-color: #ffffff;
+  padding: 20px;
+
+
+}
+.brand-bar h2, i{
+  color: grey;
+}
+.brand-bar .logos1{
+  display: none;
+}
+footer{
+    background-color: black;
+    padding:20px;
+}
+
+footer .logos2{
+  display: flex;
+justify-content: space-around;
+  color: #cccccc;
+  align-items: center;
+
+
+}
+
+footer p{
+  color: ffffff;
+  text-align: center;
+
+}
+
+
+@media (max-width: 600px){
+
+nav img{
+  display: none;
+}
+form{
+  margin:50px;
+}
+
+
+
+
 
-    nav ul li{
-        list-style: none;
-    }
-    nav a{
-        text-decoration: none;
 
-    }
 
-@media (min-width: 400px){
-    nav {
-        display:flex;
-        justify-content: space-between
 
-    }
-    nav ul {
-        display:flex;
-
-    }
 
 
 }
 
+@media (min-width: 600px){
+
+nav div img{
+  display: none;
+
+}
+
+footer .logos2 {
+  width:50%;
+  margin: 0 auto;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+}
+
+
+
+
 @media print,
        (-webkit-min-device-pixel-ratio: 1.25),
        (min-resolution: 1.25dppx),