*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
font-size:20px;
font-weight:300;
font-family:Arial,sans-serif;
}
.row{
max-width:90%;
}
a{
text-decoration:none;
}
header {
background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.7)),url("img/headerbg.jpg");
height:100vh;
background-position:center;
background-size:cover;
}
header img {
width:125px;
height:auto;
float:left;
margin-top:20px;
}
.row img{
margin-left:30px;
}
.mainNav {
float:right;
list-style-type:none;
margin-top:60px;
}

.mainNav li{
display:inline-block;
margin-right:10px;
padding:8px 0;
border-bottom:2px solid transparent;
transition:border-bottom .35s;
}
.mainNav li a{
color:#fff;
}
.home{
border:2px solid #f80;
padding:8px 8px;
}
.home:hover{
border:none;
}
.mainNav li:hover{
border-bottom:2px solid #f80;
}

.header-box {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin-top:100px;
}
.header-box a{
color:#fff;
}
.header-box h1{
font-size:110%;
font-weight:350;
color:#fff;
margin-bottom:25px;
text-transform:uppercase;
letter-spacing:1px;
word-spacing:5px;
font-family:serif;
}
.btn{
padding:8px 10px;
border-radius:20px;
font-weight:300;
margin-right:20px;
}
.btn.btn-full {
background:#f80;
font-size:60%;
}
.btn.btn-outline{
border:1px solid #f80;
font-size:60%;
color:#f80;
transition:ease-in-out .5s;
}
.btn.btn-outline:hover {
background:#f80;
color:#fff;
transition:ease-in-out .5s;
}

.btn.btn-full:hover {
background:#f90;
color:#000;
}

.card-row {
margin-top:20px;
}
.column {
width:33%;
float:left;
padding:20px;
}
.column img{
width:100%;
height:125px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.card{
border-radius:10px;
box-shadow:0 15px 30px rgba(0,0,0,0.20), 0 11px 8px rgba(0,0,0,0.22); /* material box shadow */
transition:.5s;
}
.card-content {
padding:20px;
font-size:70%;
font-weight:300;
text-align:justify;
}
.card:hover{
transform:scale(1.05);
}
.card:hover>img{
opacity:0.5;
}
.sec-one{
text-align:center;
margin-top:20px;
}
.sec-one h1{
width:330px;
font-size:120%;
font-weight:300;
display:inline-block;
padding:10px 0;
border-bottom:2px solid #f80;
}
.card-content h2{
display:block;
padding-bottom:10px;
font-weight:400;
text-align:center;
text-align:justify;
}
.sec-two{
background:#f90;
padding:50px;
color:#fff;
box-shadow:0 15px 30px rgba(0,0,0,0.1); /* material box shadow */
}
.clearfix{
clear:both;
}
.author{
float:right;
padding:20px;
font-weight:500;
font-family:serif;
}
.sign-up{
margin-top:50px;
}
.sign-up-acc{
width:60%;
margin:0 auto;
text-align:center;
box-shadow:0 15px 30px rgba(0,0,0,0.20); /* material box shadow */
padding:10%;
border-radius:2em;
}
.sign-up-acc h1{
margin-bottom:50px;
font-size:150%;
font-weight:300;
display:inline-block;
border-bottom:2px solid #f80;
padding-bottom:10px;
}
.sign-up-acc input{
background:white;
margin-bottom:20px;
display:block;;
width:100%;
height:30px;
border:none;
outline:none;
padding:20px;
border-radius:20px;
box-shadow:0 11px 8px rgba(0,0,0,0.2);
}
.sign-up-acc input:hover{
box-shadow:0 15px 30px rgba(0,0,0,0.20), 0 11px 8px rgba(0,0,0,0.22); /* material box shadow */
}
.sign-up-btn{
width:100%;
font-size:100%;
font-weight:300;
background:transparent;
border:0;
outline:none;
border-radius:20px;
padding:10px;
box-shadow:0 15px 30px rgba(0,0,0,0.20), 0 11px 8px rgba(0,0,0,0.22); /* material box shadow */
transition:.5s;
}
.sign-up-btn:hover{
color:white;
transform:scale(1.05);
background:#f90;
}
footer{
background:#f80;
margin-top:20px;
color:#fff;
}
footer a{
color:#fff;
}
.footer{
line-height:40px;
margin:0 auto;
padding:0 auto;
}
.footer h1,ul{
margin:0 auto;
text-align:center;
}
.footer h1{
margin:20px;
padding:29px;
font-weight:300;
font-family:serif;
border-bottom:2px solid #fff;
text-align:center;
}
.footer ul li a{
display:block;
}
.copy{
width:100%;
background:#000;
text-align:center;
padding:20px;
}
/*
Solve The Min Dev
*/
.min-nav{
visibility:hidden;
height:0;
}
#min-sidebar{
display:none;
height:0;
}
}