body{
	background: #ffffff url("Dubai1.jpg") no-repeat right top;
}
.h1{
	color: black;
}

.classybutton{
	background-color: white;
	border-radius: 35px;
	width:25%;
	margin-right: 6px;
	font-family: Azo Sans;
	display: inline-block;
	color: black;
}

.classybutton2{
	background-color: white;
	border-radius: 35px;
	width:25%;
	margin-right: 6px;
	font-family: Azo Sans;
	display: inline-block;
	color: black;
}

.flex-container {
	display: -webkit-flex;
	display: flexbox;
	width: 100%;
	flex-direction:row; /* can also do column */
	flex-wrap:nowrap; /* the boxes don't go to the next line */
	font-family: Azo Sans, sans-serif; 
	font-size: 15px;
	text-align: left;
	margin: 3px;
	text-align: center; /* Aligns images to the center */
}

.flexed-item-25 {
	border:2px solid #000;
	width: 30%;
	height: 45%;
		/*width:30%;*/
	margin-bottom: -200px;
	border-radius: 25px !important;
	overflow: hidden;
	margin: 6px;
	left: 75%;
	text-align: center; /* Aligns images to the center */
}

.flexed-item-30 {
    width: 285px;
   height: 300px;
   		/*width:30%;*/
   border-radius: 50px !important;
  color: rgba(255, 255, 255, 0.479);
	overflow: hidden;
	margin: 3px;
	margin-left: 245px;
	margin-top: 20px;
}

.flexed-item-45 {
	background-color: white;
	border-radius: 35px;
	width:25%;
	margin-right: 6px;
	font-family: Azo Sans;
	color: black;
	display: inline-block;
}

.flexed-item-40 {
	background-color: white;
	border-radius: 55px;
	width:15%;
	margin-left: -24px;
	margin-top: 6px;
	font-family: Azo Sans;
	color: black;
}

.flexed-item-100 {
	width:100%;
	font-size: x-large;
}

.flexed-item-33 {
	width:33%;
}

header nav{
	float: right;
}
.flexed-item-75 {
	width:75%;
}

.flexed-item-100 {
	width:100%;
	text-align: left;
}
.flexed-item-110 {
	width:100%;
	text-align: center;
}
nav a{
	display:inline-block;
	margin:5px 10px;
}


@media screen and (max-width : 600px) {

/* any styles you want to change for mobile go in here */

}
.links{
border-radius: 5px;	
}
.box1{
	background-color: rgba(255, 255, 255, 0.573);
    border:1px solid;
    width: 150px;
    height: 215px;
    overflow: scroll;
	text-align: center;
    border-style: outset;
    border-width: 10px;
    padding: 20px;
    margin:0 auto; /* center a box */
    display: inline-block;
    margin: 60px;
    border-radius: 20px;
	color: black;
	font-family: Azo Sans, sans-serif, thin; 
	margin-top: -285px;
	margin-left: 40px;
	font-size: smaller;
}

.box2{
	background-color: rgba(255, 255, 255, 0.573);
    width: 150px;
    height: 215px;
    overflow: hidden;
	text-align: center;
    border-style: inset;
    border-width: 10px;
    padding: 20px;
    margin:0 auto; /* center a box */
    display: inline-block;
    margin: 60px auto;
    border-radius: 20px;
	color: black;
	font-family: Azo Sans, sans-serif, thin; 
	font-size: smaller;
	margin-top:  -285px;
	margin-left: 11px;
}

nav a{
	display:inline-block;
}

a.menu{
	color:white;
	border-radius: 12px #9d0208;
	background-color: #9d0208;
	font-size: large;
}
.dubaitravel{
	color: white;
	border-radius: 12px #022b3a;
	background-color: #022b3a;
	font-size: large;
}
.famousplaces{
	color: white;
	border-radius: 12px #022b3a;
	background-color: #022b3a;
		font-size: large;
}
.monuments{
	color: white;
	border-radius: 12px #022b3a;
	background-color: #022b3a;
		font-size: large;
}
.tourists{
	color: white;
	border-radius: 12px #022b3a;
	background-color: #022b3a;
		font-size: large;
}