.social_media_tall {
	display: flex;
	width: 100%;
  	height:100%;
  	background-color: #4d4d4e;
  	 -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#iconslight > a {
	display: inline;
}

#iconslight > a {
	vertical-align: middle;
}

.large_square {
	width: 66.66% !important;
	height: 66.66vh !important;
}

.large_rectangle {
	width: 33.33% !important;
	height: 66.66vh !important;
}

.fullsize {
	width: 100% !important;
	height: 100vh !important;
}

.long_rectangle {
	width: 100% !important;
	height: 33.33vh !important;
}

.long_rectangle_info {
	width: 100% !important;
	height: 33.33vh !important;
}


.certified01 {
background-color: #4d4d4e;
color:#fff;
height:100%;
text-align: left;
}

.certified02 {
background-color: #00bab3;
color:#fff;
height:100%;
text-align: left;
}

.certified03 {
background-color: #fff;
color:#f47820;
height:100%;
text-align: left;
}

.tile-secondary-content{
	margin:2%;
}


.frame {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.card {
  height: 100%;
  perspective: 800px;
}

.card:hover .flip {
  -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
          transform: rotateX(180deg) translate3d(0, 0, 0);
}
  
.card .flip {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
  
.card .front, .card .back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  text-align: center;
}
  
.card .front {
  z-index: 2;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

.card .back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}


.small_paragraph {
  font-size: .7em;
  line-height: 18px;
  padding-left: 5px;
}



.certifications_images{
    text-align:left;
}

.certified_logo03 {
  width: 10em;
}

.certified_logo01 {
  width: 8em;
}

.certified_logo02 {
  width: 10em;
}


/* (max-width 2560px) everything 2560px and more will be this... */

@media screen and (min-width: 160em) { 



}


/* (max-width 2560px) everything 2560px and less will be this... */

@media screen and (max-width: 160em) { 




}


/* (max-width 1440px) everything 1440px and less will be this... */

@media screen and (max-width: 90em) { 



}


/* (max-width 1024px) everything 1024px and less will be this... */

@media screen and (max-width: 64em) { 

.small_paragraph {
  font-size: .6em;
  line-height: 13px;
}


.certifications_images{
    text-align:center;
}


}


/* (max-width 768px) everything 768px and less will be this... */

@media screen and (max-width: 48em) { 

h2 {
  text-align: center;
}

h3 {
  text-align: center;
}

.certified_rectangles {
  width: 100vw !important;
  height: 150px !important;
}

.small_paragraph {
  font-size: .8em;
  line-height: 17px;
}


}

/* (max-width 425px) everything 425px and less will be this... */

@media screen and (max-width: 26.75em) { 



}


/* (max-width 375px) everything 375px and less will be this... */

@media screen and (max-width: 23.438em) { 



}


/* (max-width 320px) everything 320px and less will be this... */

@media screen and (max-width: 20em) { 

.certified_rectangles {
  width: 100vw !important;
  height: 180px !important;
}

.small_paragraph {
  font-size: .8em;
  line-height: 17px;
}



}