.nav_bar_en
{
	padding-bottom : 220px;
}

#circle_
{
	cursor: pointer;
	display:table;
	height: 300px;
	width: 300px;
	border:2px solid #AB987A;
	border-radius: 50%;
	display: inline-block;
}

#linkText_
{
	font-family: 'Exo', sans-serif;
	font-size:20px;
	margin-top:20px;
}

/* on hover effects*/
#circle_:hover
{
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 
}

/* overrides what happens if the user hovers on the circle */
#circle_:hover + #linkText_ 
{
	font-size:22px;
	margin-top:35px;
	
}


#globe
{
	color:#AB987A;
	font-size:300px;
	text-align:center;
}

/* making div tag invisible because we are temporary storing the http link here and user doesnt need to see it */
.httpLink
{
	visibility:hidden;
}

#wrapper_
{
	margin-top:30px;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
	padding: 10px;
	height: 450px;
	text-align:center;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}



/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1100px) {
    .column {
		padding-top:30px;
        width: 100%;
    }
}