/* ---------------------------------------------------
    GENERAL
----------------------------------------------------- */

@media (max-width: 768px) {
    body {
		margin-top: 21.75vh;
	}    
}

@media (min-width: 375px) and (max-width: 768px) {
    
    iframe {
		width: 100%;
		height: 51vw;
	}
}

@media (min-width: 769px) and (max-width: 992px) {

	iframe {
		width: 100%;
		height: 33vw;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	
	iframe {
		width: 100%;
		height: 27vw;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {

	iframe {
		width: 100%;
		height: 28vw;
	}
}

@media (min-width: 1400px) and (max-width: 1600px) {

	iframe {
		width: 100%;
		height: 33vw;
	}
}

@media (max-width: 991px) {
	.imgFrame {
		height: 300px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.imgFrame {
		height: 250px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1600px) {

	.imgFrame {
		height: 300px !important;
	}
}

@media (max-width: 1199px) {

	.columns .alinea h2 {
		font-size: 1.5em;
	}
	
	.columns .alinea p {
		letter-spacing: .0065em;
		line-height: 22px;
		font-size: 13.5px !important;
	}

}

/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

@media screen and (max-width: 991px) {
	section.navigation .container{
		padding-left: 0;
		padding-right: 0;
	}	
	
	header section.media h2 {
    	font-size: calc(0.085rem + 6.372vw);
    }
    
    .btn.btn-toggle {
		background-color: #3d2b8a;
		color: #fff !important;
		transition: ease-in-out .2s;
		border-radius: 0;
		border: 2px solid #3d2b8a;
	}
	
	.navbar-toggler-text {
		font-family: 'Red Hat Display',Helvetica, Arial, sans-serif;
		font-weight: 600;
		margin-left: 0.5rem;
		text-transform: uppercase;
	}
	
	section.navigation li.dropdown .dropdown-menu {
		border: 0;
		position: relative !important;
		transform: unset !important;
		top: 0px;
		left: 0px;
		width: 100%;
		float: none;
		padding-left: 1rem !important;
	}
	
	section.logobar ul {
		justify-content: center;
	}
	section.logobar li.ml-auto {
		margin-left: unset !important;
	}
}

@media (min-width: 1199px) and (max-width: 1600px) {

	header section.media.flat h2 {
		font-size: 3.75em;
	}
}

@media screen and (min-width: 992px) {

	section.navigation li.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
    
    section.logobar ul li a {
	    font-size: 0.9rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    section.logobar ul li a {
	    font-size: 0.85rem;
    }
    section.logobar .form-control {
	    min-width: 220px;
    }
    section.logobar ul {
		padding: 0;
    }
}
/* ---------------------------------------------------
   MAIN
----------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1400px) {
    .columns li .col-lg-4 {
	    flex: 0 0 100%;
		max-width: 100%;
    }
}

/* ---------------------------------------------------
   FOOTER
----------------------------------------------------- */

@media (max-width: 991px) {

	footer .follow-us {
		margin-bottom: 100px;
	}
    
}

/* ---------------------------------------------------
    CONTAINER
----------------------------------------------------- */

@media screen and (min-width: 1401px) {

	.container {
		max-width: 1500px !important;
	}	

}