@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; max-width:100vw;}
body{
font-family: 'Open Sans', sans-serif; font-weight:normal; padding:0; color:#222; font-weight:400; padding-right:0!important;overflow-x:hidden; max-width:100vw;
font-size:15px;
line-height:1.5;
background:transparent url('../images/landscape-grass-horizon-cloud-sky-sunrise-670177-pxhere.com.jpg') no-repeat center bottom fixed; background-size:cover;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--red);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:800;}

:root{--red:#e30613; --green:#242666; --blue:#009fe3; --yellow:#ffc045;}

@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.midArea{display:block; overflow:hidden; clear:both; text-align:center; padding:10% 0;}
.midArea img{height:180px; margin-bottom:30px;}
.midArea ul{margin:0 0 20px; padding:0; list-style-type:none;}
.midArea ul li{display:inline-block; margin:5px;}
.midArea ul li a{display:block;overflow:hidden; padding:10px 25px; color:#fff; background:var(--red); border:2px #fff solid; font-weight:600; font-size:14px; min-width:160px; border-radius:3px;}
.midArea ul li a:hover{ background:var(--blue);}
.midArea ul li a i{margin-right:5px;}
.midArea p{font-weight:600;}

.footer{position:fixed;bottom:0; left:0; right:0; padding:10px; background:var(--blue);color:#fff; font-size:12px;}
.footer a{color:#fff; display:inline-block;margin-left:15px;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 1920px) and (min-width: 1600px){}


@media (max-width: 991px){
}

@media (max-width: 767px){
}

@media (max-width: 500px){
}

@media (max-width: 360px){
}