Untitled

 avatar
unknown
plain_text
2 years ago
5.3 kB
5
Indexable
 * {
            font-size: 20px;
        }
 
        body {
 
            height: 100%;
            margin: 0;
            padding: 0;
 
            text-align: justify;
        }
 
        .linklorem {
 
            color: #6B8474
        }
 
        .firsection {
            position: relative;
 
        }
        .image-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%; /* set height based on aspect ratio of image */
        background-image: url("https://images.squarespace-cdn.com/content/v1/5624df10e4b0b8034f81a1cc/1526376994406-TEPZU2PSWTLC77ARRI5S/image-asset.jpeg?format=750w");
        background-size: cover;
        background-position: center;
        }
 
        .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 3em;
  color: white;
  text-transform: uppercase;
}
 
        .brandname {
            float: left;
            font-family: sans-serif;
            font-style: italic;
        }
        .navbarlinkman {
            float: right;
            color: #6B8474;
            margin-right:10%;
            text-transform: uppercase;
        }
 
        .navbarlinkwoman {
            float: right;
            color: #6B8474;
            text-transform: uppercase;
        
        }
 
        .navbarlink {
            display: flex;
            justify-content: flex-end;
        }
 
        .navbartable {
            padding: 1em;
            background-color: white;
            width: 100%;
 
 
 
        }
 
        .middle {
 
            background-color: white;
        }
 
        .central {
            padding: 2%;
        }
 
        .half {
 
            padding: 2%;
        }
 
        .image-equal {
            width: 100%;
            object-fit: cover;
            height: 100%;
        }
 
        .div-image-equal-2 {
            width: 45vmin;
            height: 30vmin;
        }
 
        .line {
            background-color: #6B8474;
            height: 1em;
 
        }
 
        .fa {
            padding: 10px;
            font-size: 25px;
            width: 1em;
            text-align: center;
            text-decoration: none;
            border-radius: 50%;
            background: #C0C0C0;
            color: white;
            margin: 1em 3px;
 
        }
 
        .footertable {
            background-color: white;
 
        }
 
        .centralbutton {
            width: 100%;
            height: 2.5em;
            background-color: #C8CDA4;
            border: none;
            font-weight: bold;
            color: white;
            text-transform: uppercase;
        }
 
        .secondsectioncontainer {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 7%;
 
            position: relative;
 
        }
 
        .logo {
 
        }
 
        .firstbutton {
            height: 2.5em;
            background-color: #A9C9BF;
            border: none;
            font-weight: bold;
            color: white;
            text-transform: uppercase;
 
            margin:auto;
            display:block;
        }
 
                .centralbutton {
            width: 100%;
            height: 2.5em;
            background-color: #C8CDA4;
            border: none;
            font-weight: bold;
            color: white;
            text-transform: uppercase;
        }
 
        .footercontainer {
            display: flex;
            text-align: center;
            margin: 0 5%;
        }
 
        .separation {
            height: 1px;
            margin: 0 5%;
            background-color: #6B8474;
 
        }
 
        .secondline {
            width: 100%;
        }
 
 
 
        .footerparagraph {
            color: #C0C0C0;
            font-size: 0.5rem;
        }
 
        .desktop-only {
            display: none;
        }

        .titlehelp{
            font-size:0.8rem;

        }

        .texthelp{
            font-size:0.8rem;
        }
        .logo{
        width: 90%;
        }

        @media only screen and (min-width: 600px) {
            
            .div-image-equal {
                width: 30vmin;
                height: 20vmin;
            }
            .firstbutton {
                width: 35%;
            }

        }
        @media only screen and (max-width: 600px) {
            
            .div-image-equal {
                width: 100%;
 
            }
            .firstbutton {
                width: 100%;
            }
            .central {
                display: block;
                width: 100%;
                text-align: center;
            }
 
            .navbarlink-tdfooter {
                display: block;
                text-align: center;
               margin-top: 5%;
            }
 
            .navbar {
                display: flex;
                justify-content: center;
            }
 
            .navbarlink-td {
                display: none;
            }
 
            .navbarlinkmanfooter {
                color: #9AA99F;
                text-transform: uppercase;
 
            }

            .navbarlinkwomanfooter {
                color: #9AA99F;
                text-transform: uppercase;
            }  
              

            
            }
Editor is loading...