@charset "utf-8";
/* CSS Document */

.loginfield{ width:100%; -webkit-box-shadow: 2px 2px 22px -5px rgba(0,0,0,0.31);
-moz-box-shadow: 2px 2px 22px -5px rgba(0,0,0,0.31); background-color:#ffff;
box-shadow: 2px 2px 22px -5px rgba(0,0,0,0.31); border:none; height:34px}


.categories{ color:#575757; }
.categories ul{color:#575757; background-color:#F7F7F7}
.categories ul li { list-style-type:none ; padding-top:2%; }
.header3{color:#575757; font-size:20px; padding-top:2%}

.header4{color:#575757; font-size:16px; padding-top:2%}
.login{ 
background-color:#f75656; border:none;width:100%; color:#FFF; height:40px; font-size:16px}

.header1{ font-family:nevis; color:#262F36; font-size:2em;}
.header2{font-family:nevis; color:#f75656; font-size:1.9em;}

#footer{ background-color:#172a42; padding:1%; color:#FFF; height:100%}

#img1 {width:100%}

@media (max-width:767px)

{.header1{ font-family:nevis; color:#262F36; font-size:1.7em;}
.header2{font-family:nevis; color:#f75656; font-size:1.7em;}

.loginfield{ width:90%; -webkit-box-shadow: 2px 2px 22px -5px rgba(0,0,0,0.31);
-moz-box-shadow: 2px 2px 22px -5px rgba(0,0,0,0.31); background-color:#ffff;
box-shadow: 2px 2px 22px -5px rgba(0,0,0,0.31); border:none; height:34px}

.login{ 
background-color:#f75656; border:none;width:90%; color:#FFF; height:40px; font-size:16px}

@media (max-width:360px)

{.header1{ font-family:nevis; color:#262F36; font-size:1.4em; text-align:center}
#img1 {width:80%; background-position:center}
.header2{font-family:nevis; color:#f75656; font-size:1.5em; text-align:center}