css

/*  SECTIONS  */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');


@font-face {
    font-family: UniSansThinCAPS;
    src: url("fonts/UniSansThinCAPS.woff") format("woff");
}

@font-face {

        font-family: UniSansHeavyCAPS;
    src: url("fonts/UniSansHeavyCAPS.woff") format("woff");
}

@media only screen and (min-device-width: 510px) {}
.nike {
   	width: 1384px;
	height: 828px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#110e2c+0,2d285f+50,282647+100 */
background: #110e2c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #110e2c 0%, #2d285f 50%, #282647 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #110e2c 0%,#2d285f 50%,#282647 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #110e2c 0%,#2d285f 50%,#282647 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110e2c', endColorstr='#282647',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


    body {
        height: 100%;
        width: 100%;
    }


.nikelogo {
    height: 10%;
    margin-top: 30px;
    margin-left: 30px;

}

.lunarepic {
    font-family: UniSansThinCAPS;
    color: white;
    font-size: 56pt;
    margin-left: 20px;
    margin-top: 200px;


}

.lunarepic2 {
    font-family: UniSansHeavyCAPS;
    color: white;
    font-size: 126pt;
    margin-left: 15px;
    margin-top: -45px;
    position: absolute;

}

.but {
 height: 100%;
   margin-top: -300px;
    margin-left: 350px;

}

}

 @media only screen and (max-device-width: 500px) {

    .nike {
   	width: 500px;
	height: 828px;
background: #110e2c;
background: -moz-linear-gradient(-45deg, #110e2c 0%, #2d285f 50%, #282647 100%);
background: -webkit-linear-gradient(-45deg, #110e2c 0%,#2d285f 50%,#282647 100%);
background: linear-gradient(135deg, #110e2c 0%,#2d285f 50%,#282647 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110e2c', endColorstr='#282647',GradientType=1 );

}

   .nikelogo {
    height: 5%;
    margin-top: 30px;
    margin-left:180px;

}

}
    .lunarepic {
    font-family: UniSansThinCAPS;
    color: white;
    font-size: 35pt;
    margin-left: 50px;
    margin-top: 200px;

    }

    .lunarepic2 {
    font-family: UniSansHeavyCAPS;
    color: white;
    font-size: 40pt;
    margin-left: 45px;
    margin-top: -5px;
    position: absolute;
    }

        .but {
   margin-top:100px;
   margin-left: 60px;
   height: 30%;
}

}