body{
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-areas: 	"nav"
							"ban"
							"inf"
							"gen"
							"reg"
							"con"
							"roa"
							"add"
							"foo";
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
#nav{
	grid-area: nav;
	background:white;
	height: 206px;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#banner{
	margin-top:186px;
	display: flex;
	align-items:center;
	justify-content: center;
	grid-area: ban;
	background:url('../img/banner.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.75);
	height: 830px;
	color:white;
}

#info{
	grid-area: inf;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,239,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,239,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,239,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccefee',GradientType=0 );
}

#general{
	grid-area: gen;
}

#registration{
	grid-area: reg;
	background:#00a9a3;	
}

#conference{
	grid-area: con;
	background:url('../img/banner2.png');
	background-repeat: no-repeat;
	min-height: 400px;
	background-position-x: 100%;
}

#road{
	grid-area: roa;
}

#address{
	grid-area: add;
	background: #003051;
}

#footer{
	grid-area: foo;
}

.logo{
	width:300px;
	margin:26px;
}
.container{
	max-width: 1000px;
	margin:0 auto;
	text-align: center;
}
.menu{
	padding:26px 0;
}
.menu ul {
	display: flex;
	flex-direction:row;
	justify-content: space-around;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* li {
	float: left;
} */

a{
	display: block;
	text-decoration: none;
	font-size:18px;
	color:#012d4e;
	font-family: 'Lato',sans-serif;
	font-weight: 700;
}

.title1{
	font-weight: 900;
	font-size:44px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.title2{
	font-weight: 500;
	font-size:44px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}

.box-title{
	background: white;
	font-family: 'Lato',sans-serif;
	font-weight: 900;
	font-size:28px;
	padding: 10px 24px;
	margin: 0 auto;
	margin-top:36px;
	color: black;
	width:450px;
	color: #00aaa4;
	border-radius:30px;
}
#info .container{
	/* background: white; */
	margin-top:-200px;
}
#info-box{
	position: absolute;
	border-radius:30px 30px 0 0;
	background: white;
	width: 1000px;
	height: 200px;
	-webkit-box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 6px -2px rgba(0,0,0,0.75);
}
#info .container .content{
	position: relative;
	z-index: inherit;
	color:#012d4e;
	font-size:24px;
}
#info .container .content h3{
	font-size:24px;
	padding: 70px 0 50px 0;
	font-weight: 700;
	font-style: italic;
}
#info .container .content h4{
	font-size:24px;
	padding: 50px 0 70px 0;
	font-weight: 900;
	font-style: italic;
}
#info .container .content h2{
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 70px;
}
#info .container .content ul {
	list-style-type: none;
	margin: 0; /* To remove default bottom margin */ 
    padding: 0; /* To remove default left padding */
}
.list .title{
	display: block;
	font-weight: 700;
}
.list .desc{
	display: block;
}
.list .dot{
	display: block;
	width: 10px;
	height: 10px;
	background: #00a9a3;
	border-radius: 50%;
	margin:20px auto;
}
#info .container .content .photos{
	display: flex;
	width:100%;
	justify-content:space-around;
	margin-bottom:30px;
}

#info .container .content .photos .doctor{
	width:50%;
}
#info .container .content .photos .doctor img,
#info .container .content .photos .doctor span{
	display: block;
	text-align: center;
	margin:20px auto;
}

#info .container .content .photos .doctor img{
	border:5px solid white;
	border-radius:30px;
	width: 230px;
	height: 230px;
}
#info .container .content .photos .doctor span:first-child{
	font-size: 24px;
	font-weight: 700;
}
#info .container .content .photos .doctor span:last-child{
	font-size: 14px;
	font-weight: 500;
}

#general .container .content h2{
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 100px;
	color:#012d4e;
}

#general .container .content .box{
	display: flex;
	width:100%;
	justify-content:space-around;
	border-bottom: 3px solid #00a9a3;
	margin-bottom: 60px;
	text-align: left;
	font-size:24px;
	color:#012d4e;
}
#general .container .content .box div:first-child{
	width:60%;
}
#general .container .content .box div:first-child p{
	margin: 0;
	margin-bottom:20px;
}

#general .container .content .box div:first-child .place{
	background: #00a9a3;
	color:white;
	padding: 5px 25px;
	border-radius:20px;
	width:100px;
	margin-bottom:20px;
	margin-top:30px;
	text-align: center;
}

#general .container .content .box div:first-child span{
	display: block;
	font-weight: 700;
	margin-bottom:20px;
}

#general .container .content .box div:last-child{
	width:calc(40% - 20px);
	padding-left:20px;
}
#general .container .content .box div:last-child span{
	font-weight: 900;
	margin-bottom:20px;
}
#general .container .content .box div:last-child span:last-child{
	margin-top:60px;
}
#general .box-infama{
	color:#012d4e;
	border-bottom: 3px solid #00a9a3;
	margin-bottom: 60px;
	padding-bottom: 60px;
	padding-top: 30px;
}
#general .box-infama span{
	display: block;
	font-size:22px;
	margin-bottom: 20px;
	font-weight: 700;
}
#general .box-infama a{
	display: block;
	background: #e0f5f4;
	border:1px solid #00a9a3;
	border-radius: 40px;
	padding:10px;
	color:#012d4e;
	width: 300px;
	margin:20px auto;
}
#general .box-partners{
	color:#012d4e;
	margin-bottom: 300px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#general .box-partners span{
	display: block;
	font-size:22px;
	margin-bottom: 20px;
	font-weight: 700;
}

#registration .container{
	padding: 74px 0;
}
#registration .container a{
	display: inherit;
	background: white;
	padding:17px 80px;
	width: 250px;
	font-size: 24px;
	border-radius: 40px;
	margin:0 auto;
}

#road .container .content h2{
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#012d4e;
}

#road .map{
	display: block;
	width:100%;
	height: 600px;
}

#road .map iframe{
	width: 100%;
	height: 600px;
}

#address span{
	display: block;
	color:white;
	font-size:18px;
	padding-top:50px;
}
#address a{
	display: inherit;
	/* background: white; */
	padding:17px 80px;
	width: 250px;
	font-size: 18px;
	border-radius: 40px;
	margin:0 auto;
	color:white;
	border:1px solid white;
	margin:30px auto 50px;
}
#footer .container{
	display: flex;
	justify-content: center;
	padding:20px 0;
	font-size: 16px;
	color:#000000;
}
.one{
	width:33.33%;
	min-height: 300px;
}

.two{
	width:33.33%;
	min-height: 300px;
	border-left:3px solid #002f51;
}

.three{
	width:33.33%;
	min-height: 300px;
	border-left:3px solid #002f51;
}
.top{
	display:flex;
	align-items:center;
	justify-content: center;
	border-bottom:3px solid #002f51;
}
.bottom{
	display:flex;
	align-items:center;
	justify-content: center;
}

.one div,.two div,.three div{
	min-height: 150px;
	margin:10px;
}

#conference .container p{
	text-align:left;
	font-size: 22px;
	color:#012d4e;
}

#conference .container{
	text-align:left;
	font-size: 22px;
	color:#012d4e;
	margin: 60px auto;
}

.box2{
	color:#012d4e;
	border-bottom: 3px solid #00a9a3;
	margin-bottom: 60px;
	padding-bottom: 60px;
	font-size: 22px;
}

.sm-box{
	display: block;
	width:60%;
	margin:0 auto;
	text-align: left;
	margin-bottom: 30px;
	padding-top: 30px;
}

.xs-box{
	display: block;
	width:40%;
	margin:0 auto;
	text-align: left;
}