body{
	margin: 0;
	padding: 0;
	background-color: #091721;
	background-image: url('../images/Pattern-min.png');
    background-position: 50% 182%;
    background-repeat: repeat;
    background-size: 100% 94%;
}
.p_tag_no_margin{
    margin-bottom: 0;
    text-align: center;
}
.navbar{
  	font-family: "Karla", sans-serif;
	width: 100%;
	display: flex;
	justify-content: center;
}
.navbar_logo{
	width: 30%;
	margin-top: 60px;
}
.navbar_logo img{
	height: 100%;
	width: 100%;
}
.container{
	display: block;
	margin: auto;
	width: 100%;
	margin-top: 20px;
    position: relative;
}
.rotate{
	display: none;
	width: 69%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.title {
    text-align: center;
    color: white;
    font-family: "Karla", sans-serif;
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0px;
}
.text{
	width: 60%;
	display: block;
	margin: auto;
	color: white;
	font-size: 32px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	font-weight: 600;
  	font-family: "Poiret One", sans-serif;
}
.footer{
  	font-family: "", sans-serif;
	margin-top: 50px;
	height: 110px;
	column-gap: 200px;
	display: flex;
	flex-direction: row;
	background-color: #091721;
	justify-content: center;
}
.footer_copyright{
  	font-family: "Karla", sans-serif;
	color: white;
	font-size: 14px;
	margin-top: 15px;
}
.footer_details{
  	font-family: "Karla", sans-serif;
	color: white;
	font-size: 14px;
	margin-top: 15px;
}
.footer_contact{
  	font-family: "Karla", sans-serif;
	color: white;
	font-size: 14px;
	margin-top: 15px;
}
.booklet{
    height: 500px;
}

@media only screen and (max-width: 750px){
	body {
        background-position: 50% 57.5%;
        background-size: 100% auto;
    }
	.footer {
	    column-gap: 50px;
	}
	.booklet{
        height: 400px;
    }
    .title {
	    font-size: 32px;
	}
}
@media only screen and (max-width: 500px){
	body {
        background-position: 50% 69%;
        background-size: 142% auto;
    }
    .navbar_logo {
	    width: 44%;
	    margin-top: 60px;
	}
	.title {
	    font-size: 32px;
	}
    .container{
		width: 80%;
	}
	.text {
	    width: 85%;
	    font-size: 26px;
	}
	.footer {
        height: auto;
        flex-direction: column;
        text-align: center;
        padding-bottom: 30px;
    }
	.footer_details{
		margin-top: 0px;
	}
	.footer_contact{
		margin-top: 0px;
	}
	.footer p {
	    margin-top: 7px;
	}
	.booklet{
        height: 350px;
    }
    .footer_details p:first-child {
        margin-bottom: 11px;
    }
}

@media only screen and (max-aspect-ratio: 1/1) {
	.rotate{
		display: block;
	}
}
@media only screen and (min-aspect-ratio: 1/1) {
    .rotate{
		display: none;
	}
}