/* responsive CSS */
.mobile-hide{
	display: none;
}
.c-height{
	height:300px;
}

p{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

h1{
	font-size: 40px;
	font-family: "A Love of Thunder", sans-serif;
}
h2{
	font-size: 35px;
	font-family: "A Love of Thunder", sans-serif;
}
h3{
	font-size: 25px;
	font-family: "A Love of Thunder", sans-serif;
}
h4{
	font-size: 18px;
	font-family: "A Love of Thunder", sans-serif;
}
h5{
	font-size: 16px;
	font-family: "A Love of Thunder", sans-serif;
}
h6{
	font-size: 15px;
}


/* XS mobile */
@media (min-width: 576px) { 
.mt-xs-5{
	margin-top: 3rem;
}

}
/* mobile */
@media (min-width: 576px) { 
.mobile-hide{
	display: none;
}
.c-height{
	height:400px;
}
p{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

h1{
	font-size: 40px;
	font-family: "A Love of Thunder", sans-serif;
}
h2{
	font-size: 35px;
	font-family: "A Love of Thunder", sans-serif;
}
h3{
	font-size: 25px;
	font-family: "A Love of Thunder", sans-serif;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 15px;
}
.main-nav{
	right: -100%;
    width: 100%;
}
/*.logo{
    
	width: 140px;
    height: 140px;
    margin: auto;
    margin-bottom: -70px;
    border: 10px solid #003049;
    border-radius: 120px;
	z-index: 1;
    position: relative;
}*/

 }
/* end */


/* tablet */
@media (min-width: 768px) { 
.main-search{
	width: 80%;
}
.mobile-hide{
	display: none;
}
.c-height{
	height:550px;
}
p{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

h1{
	font-size: 40px;
	font-family: "A Love of Thunder", sans-serif;
}
h2{
	font-size: 35px;
	font-family: "A Love of Thunder", sans-serif;
}
h3{
	font-size: 25px;
	font-family: "A Love of Thunder", sans-serif;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 15px;
}
.main-nav{
	right: -56%;
    width: 56%;
}
.title-hero h1{
	font-size: 50px;
} 
select.home-select{
	height: 35px;
}
.head-searh-btn{
    border: none;
    background-color: #bb2439;
    font-size: 21px;
    color: white;
    border-radius: 50px;
	position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 12px 50px;
}
.home-searh-btn{
    border: none;
    background-color: #bb2439;
    font-size: 21px;
    color: white;
    border-radius: 50px;
	position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 12px 50px;
}
.sect-padd{
	padding: 100px 40px;
}
.row-red-border{
	margin-top: 80px;
}
.c-position{
    position:absolute;
}
.social-icons-footer{
	justify-content: flex-end;
}
.follow-footer{
	top: 70px;
    right: 13px;
    height: fit-content;
  }
  .c-width{
    width: 50%;
}
input.head-input{
	width: 500px;
}
button.publish-btn{
    padding: 6px 28px;
    background-color: #bb1324;
    color: white;
    font-size: 18px;
    border-radius: 50px;
    max-width: fit-content;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 0px;
    transition: all .25s ease-in-out;
}

}
/* end */


 /* small desktop & laptop */
@media (min-width: 992px) { 
.mobile-hide{
	display: block;
}
.c-height{
	height:650px;
 }
 p{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

h1{
	font-size: 40px;
	font-family: "A Love of Thunder", sans-serif;
}
h2{
	font-size: 35px;
	font-family: "A Love of Thunder", sans-serif;
}
h3{
	font-size: 25px;
	font-family: "A Love of Thunder", sans-serif;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 15px;
}
.main-nav{
	right: -43%;
	width: 43%;
}
.title-hero h1{
	font-size: 75px;
} 
.info-loc{
    width: 60%;
}
.phone-rest{
    font-size: 18px;
}
.rest-logo{
	position: absolute;
}
}
/* end */


/* desktop */
@media (min-width: 1200px) { 
	.mobile-hide{
		display: block;
	}
	.c-height{
	height:775px;
 }

 p{
	font-size: 16px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

h1{
	font-size: 45px;
}
h2{
	font-size: 40px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 20px;
}
h5{
	font-size: 18px;
}
h6{
	font-size: 16px;
}
.main-nav{
	width: 25%;
}

}
/* end */


/* large desktop */
@media (min-width: 1400px) { 
	.mobile-hide{
		display: block;
	}
	.c-height{
	height:850px;
}

p{
	font-size: 18px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #000000;
}

h1{
	font-size: 50px;
}
h2{
	font-size: 45px;
}
h3{
	font-size: 35px;
}
h4{
	font-size: 25px;
}
h5{
	font-size: 22px;
}
h6{
	font-size: 20px;
}
.rest-search-btn {
    width: 84px;
    margin: auto;
    position: absolute;
    margin-top: 0;
}

}
/* end */